Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS Gradients:
RGB 3 131 5

Information

close all

We suggest CSS gradients from two color tones such as the base color and the complementary color.

Find examples of linear and radial color transitions.

Easy for web design: Copy the CSS code for easy integration on your website.

Get CSS gradients from two color tones like the base color and a lighter shade.

Find examples of linear and radial color transitions from Lighter colors.

Simple for web design: Copy the CSS code for easy integration on your website

Let us suggest CSS gradients from two shades like the base color and a darker shade.

Find examples of linear and radial color transitions of Darker colors.

Easy for Web Design: Copy the CSS code for easy integration on your website.

Display options

Description

With this color, green stands out from the other colors. The value that represents the green hue is greater than the other two values. It stands out far from the value for the red and blue hue. Since the color values are relatively low compared to others, this hue appears darker to us.

The breakdown of the color into the RGB color system: of 255 maximum color components, 3 red, 131 green and 5 blue.

The mixing ratio of these colors results in the displayed hue in the middle of the overlaps.

In the illustration you can see how the color is composed of the three components: red (top),green (bottom right) and blue (bottom left). In the middle you can see the result color.
3 131 5 R G B
In the CMYK color system the color is composed as follows: In this color tone, out of 100 maximum color components, 98 cyan, none magenta, 96 yellow and 49 key.

The mixing ratio of these colors results in the displayed hue in the middle of the overlaps.

In the diagram you can see how the color is composed of the four components cyan (top left),magenta (top right),yellow (bottom right) and black or key (bottom left). In the middle you can see the result color.
98% 0% 96% 49% C M Y K

Verification of their color palette as a manufacturer!

Provide designers and agencies with accurate color values.

Let's go

Lineal

HEX #038305 to HEX #FC7CFA


CSS-Code:

background-image: linear-gradient(135deg, #038305 10%, #FC7CFA 96%);

Radial

HEX #038305 to HEX #FC7CFA


CSS-Code:

background-image: radial-gradient(circle, #038305 14%, #FC7CFA 95%);

 

HEX #FC7CFA to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #FC7CFA 9%, #038305 87%);

 

HEX #FC7CFA to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #FC7CFA 4%, #038305 96%);

Lineal

HEX #038305 to HEX #248102


CSS-Code:

background-image: linear-gradient(135deg, #038305 13%, #248102 90%);

Radial

HEX #038305 to HEX #248102


CSS-Code:

background-image: radial-gradient(circle, #038305 6%, #248102 87%);

 

HEX #248102 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #248102 12%, #038305 99%);

 

HEX #248102 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #248102 3%, #038305 95%);

 

HEX #038305 to HEX #028102


CSS-Code:

background-image: linear-gradient(135deg, #038305 10%, #028102 91%);

 

HEX #038305 to HEX #028102


CSS-Code:

background-image: radial-gradient(circle, #038305 3%, #028102 91%);

 

HEX #028102 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028102 3%, #038305 88%);

 

HEX #028102 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028102 9%, #038305 87%);

 

HEX #038305 to HEX #028124


CSS-Code:

background-image: linear-gradient(135deg, #038305 2%, #028124 88%);

 

HEX #038305 to HEX #028124


CSS-Code:

background-image: radial-gradient(circle, #038305 13%, #028124 97%);

 

HEX #028124 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028124 12%, #038305 99%);

 

HEX #028124 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028124 13%, #038305 98%);

 

HEX #038305 to HEX #028146


CSS-Code:

background-image: linear-gradient(135deg, #038305 3%, #028146 98%);

 

HEX #038305 to HEX #028146


CSS-Code:

background-image: radial-gradient(circle, #038305 7%, #028146 91%);

 

HEX #028146 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028146 9%, #038305 98%);

 

HEX #028146 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028146 10%, #038305 88%);

Lineal

HEX #038305 to HEX #015903


CSS-Code:

background-image: linear-gradient(135deg, #038305 14%, #015903 87%);

Radial

HEX #038305 to HEX #015903


CSS-Code:

background-image: radial-gradient(circle, #038305 12%, #015903 95%);

 

HEX #015903 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #015903 10%, #038305 96%);

 

HEX #015903 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #015903 11%, #038305 86%);

 

HEX #038305 to HEX #028104


CSS-Code:

background-image: linear-gradient(135deg, #038305 13%, #028104 100%);

 

HEX #038305 to HEX #028104


CSS-Code:

background-image: radial-gradient(circle, #038305 7%, #028104 97%);

 

HEX #028104 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028104 0%, #038305 88%);

 

HEX #028104 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028104 10%, #038305 86%);

 

HEX #038305 to HEX #03AA06


CSS-Code:

background-image: linear-gradient(135deg, #038305 11%, #03AA06 89%);

 

HEX #038305 to HEX #03AA06


CSS-Code:

background-image: radial-gradient(circle, #038305 0%, #03AA06 86%);

 

HEX #03AA06 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #03AA06 14%, #038305 94%);

 

HEX #03AA06 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #03AA06 8%, #038305 97%);

 

HEX #038305 to HEX #04D207


CSS-Code:

background-image: linear-gradient(135deg, #038305 4%, #04D207 96%);

 

HEX #038305 to HEX #04D207


CSS-Code:

background-image: radial-gradient(circle, #038305 11%, #04D207 95%);

 

HEX #04D207 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #04D207 9%, #038305 88%);

 

HEX #04D207 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #04D207 8%, #038305 86%);

Lineal

HEX #038305 to HEX #248102


CSS-Code:

background-image: linear-gradient(135deg, #038305 13%, #248102 99%);

Radial

HEX #038305 to HEX #248102


CSS-Code:

background-image: radial-gradient(circle, #038305 3%, #248102 100%);

 

HEX #248102 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #248102 10%, #038305 87%);

 

HEX #248102 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #248102 4%, #038305 89%);

 

HEX #038305 to HEX #028102


CSS-Code:

background-image: linear-gradient(135deg, #038305 2%, #028102 86%);

 

HEX #038305 to HEX #028102


CSS-Code:

background-image: radial-gradient(circle, #038305 1%, #028102 90%);

 

HEX #028102 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028102 13%, #038305 91%);

 

HEX #028102 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028102 11%, #038305 99%);

 

HEX #038305 to HEX #028124


CSS-Code:

background-image: linear-gradient(135deg, #038305 13%, #028124 90%);

 

HEX #038305 to HEX #028124


CSS-Code:

background-image: radial-gradient(circle, #038305 3%, #028124 92%);

 

HEX #028124 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028124 6%, #038305 99%);

 

HEX #028124 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028124 12%, #038305 93%);

 

HEX #038305 to HEX #028146


CSS-Code:

background-image: linear-gradient(135deg, #038305 14%, #028146 97%);

 

HEX #038305 to HEX #028146


CSS-Code:

background-image: radial-gradient(circle, #038305 11%, #028146 86%);

 

HEX #028146 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028146 2%, #038305 90%);

 

HEX #028146 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028146 0%, #038305 93%);

Lineal

HEX #038305 to HEX #015903


CSS-Code:

background-image: linear-gradient(135deg, #038305 4%, #015903 96%);

Radial

HEX #038305 to HEX #015903


CSS-Code:

background-image: radial-gradient(circle, #038305 13%, #015903 87%);

 

HEX #015903 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #015903 6%, #038305 86%);

 

HEX #015903 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #015903 14%, #038305 86%);

 

HEX #038305 to HEX #028104


CSS-Code:

background-image: linear-gradient(135deg, #038305 11%, #028104 87%);

 

HEX #038305 to HEX #028104


CSS-Code:

background-image: radial-gradient(circle, #038305 13%, #028104 88%);

 

HEX #028104 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #028104 14%, #038305 87%);

 

HEX #028104 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #028104 6%, #038305 100%);

 

HEX #038305 to HEX #03AA06


CSS-Code:

background-image: linear-gradient(135deg, #038305 14%, #03AA06 87%);

 

HEX #038305 to HEX #03AA06


CSS-Code:

background-image: radial-gradient(circle, #038305 3%, #03AA06 87%);

 

HEX #03AA06 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #03AA06 8%, #038305 94%);

 

HEX #03AA06 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #03AA06 12%, #038305 98%);

 

HEX #038305 to HEX #04D207


CSS-Code:

background-image: linear-gradient(135deg, #038305 7%, #04D207 99%);

 

HEX #038305 to HEX #04D207


CSS-Code:

background-image: radial-gradient(circle, #038305 13%, #04D207 86%);

 

HEX #04D207 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #04D207 10%, #038305 98%);

 

HEX #04D207 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #04D207 7%, #038305 94%);

Lineal

HEX #038305 to HEX #026881


CSS-Code:

background-image: linear-gradient(135deg, #038305 2%, #026881 88%);

Radial

HEX #038305 to HEX #026881


CSS-Code:

background-image: radial-gradient(circle, #038305 4%, #026881 87%);

 

HEX #026881 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #026881 14%, #038305 91%);

 

HEX #026881 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #026881 4%, #038305 96%);

 

HEX #038305 to HEX #810235


CSS-Code:

background-image: linear-gradient(135deg, #038305 13%, #810235 99%);

 

HEX #038305 to HEX #810235


CSS-Code:

background-image: radial-gradient(circle, #038305 10%, #810235 98%);

 

HEX #810235 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #810235 13%, #038305 96%);

 

HEX #810235 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #810235 14%, #038305 90%);

Lineal

HEX #038305 to HEX #020281


CSS-Code:

background-image: linear-gradient(135deg, #038305 4%, #020281 88%);

Radial

HEX #038305 to HEX #020281


CSS-Code:

background-image: radial-gradient(circle, #038305 0%, #020281 99%);

 

HEX #020281 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #020281 4%, #038305 97%);

 

HEX #020281 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #020281 6%, #038305 92%);

 

HEX #038305 to HEX #810202


CSS-Code:

background-image: linear-gradient(135deg, #038305 4%, #810202 95%);

 

HEX #038305 to HEX #810202


CSS-Code:

background-image: radial-gradient(circle, #038305 9%, #810202 98%);

 

HEX #810202 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #810202 4%, #038305 86%);

 

HEX #810202 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #810202 8%, #038305 97%);

Lineal

HEX #038305 to HEX #026881


CSS-Code:

background-image: linear-gradient(135deg, #038305 3%, #026881 86%);

Radial

HEX #038305 to HEX #026881


CSS-Code:

background-image: radial-gradient(circle, #038305 4%, #026881 93%);

 

HEX #026881 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #026881 14%, #038305 100%);

 

HEX #026881 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #026881 3%, #038305 90%);

 

HEX #038305 to HEX #810281


CSS-Code:

background-image: linear-gradient(135deg, #038305 7%, #810281 90%);

 

HEX #038305 to HEX #810281


CSS-Code:

background-image: radial-gradient(circle, #038305 3%, #810281 87%);

 

HEX #810281 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #810281 5%, #038305 92%);

 

HEX #810281 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #810281 7%, #038305 97%);

 

HEX #038305 to HEX #811C02


CSS-Code:

background-image: linear-gradient(135deg, #038305 0%, #811C02 98%);

 

HEX #038305 to HEX #811C02


CSS-Code:

background-image: radial-gradient(circle, #038305 9%, #811C02 86%);

 

HEX #811C02 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #811C02 13%, #038305 88%);

 

HEX #811C02 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #811C02 1%, #038305 100%);

Lineal

HEX #038305 to HEX #024281


CSS-Code:

background-image: linear-gradient(135deg, #038305 9%, #024281 96%);

Radial

HEX #038305 to HEX #024281


CSS-Code:

background-image: radial-gradient(circle, #038305 9%, #024281 89%);

 

HEX #024281 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #024281 14%, #038305 88%);

 

HEX #024281 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #024281 14%, #038305 99%);

 

HEX #038305 to HEX #810281


CSS-Code:

background-image: linear-gradient(135deg, #038305 9%, #810281 90%);

 

HEX #038305 to HEX #810281


CSS-Code:

background-image: radial-gradient(circle, #038305 1%, #810281 92%);

 

HEX #810281 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #810281 1%, #038305 96%);

 

HEX #810281 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #810281 13%, #038305 93%);

 

HEX #038305 to HEX #814202


CSS-Code:

background-image: linear-gradient(135deg, #038305 12%, #814202 89%);

 

HEX #038305 to HEX #814202


CSS-Code:

background-image: radial-gradient(circle, #038305 12%, #814202 96%);

 

HEX #814202 to HEX #038305


CSS-Code:

background-image: linear-gradient(135deg, #814202 12%, #038305 92%);

 

HEX #814202 to HEX #038305


CSS-Code:

background-image: radial-gradient(circle, #814202 13%, #038305 98%);

Show more color palettes

Services

Colors

RGB to HEX

convert from RGB red green blue to #RRGGBB

RGB to CMYK

convert from RGB red green blue to CMYK cyan / magenta / yellow / black

Icons

RGB to RAL®

convert from RGB red green blue to RAL®-number (RAL 0000)

RGB to HKS®

convert from RGB red green blue to HKS®-number (HKS 00)

RGB to PANTONE®

convert from RGB red green blue to Pantone®-number (Pantone 0000)

RGB to Sherwin Williams®

convert from RGB red green blue to Sherwin Williams®-number (SW 0000)

RGB to NCS®

convert from RGB red green blue to NCS-number (S0000-X00X)

nsc-logo
Icons

CMYK to HEX

convert from CMYK cyan / magenta / yellow / black to #RRGGBB
Icons

CMYK to RGB

convert from CMYK cyan / magenta / yellow / black to RGB red green blue
Icons

CMYK to RAL®

convert from CMYK cyan / magenta / yellow / black to RAL®-number (RAL 0000)
Icons

CMYK to HKS®

convert from CMYK cyan / magenta / yellow / black to HKS®-number (HKS 00)
Icons

CMYK to PANTONE®

convert from CMYK cyan / magenta / yellow / black to Pantone®-number (Pantone 0000)
Icons

CMYK to Sherwin Williams®

convert from CMYK cyan / magenta / yellow / black to Sherwin Williams®-number (SW 0000)
Icons

CMYK to NCS®

convert from CMYK cyan / magenta / yellow / black to NCS-number (S0000-X00X)

nsc-logo

HEX to RGB

convert from #RRGGBB to RGB red green blue

HEX to CMYK

convert from #RRGGBB to CMYK cyan / magenta / yellow / black

Icons

HEX to RAL®

convert from #RRGGBB to RAL®-number (RAL 0000)

HEX to HKS®

convert from #RRGGBB to HKS®-number (HKS 00)

HEX to PANTONE®

convert from #RRGGBB to Pantone®-number (Pantone 0000)

HEX to Sherwin Williams®

convert from #RRGGBB to Sherwin Williams®-number (SW 0000)

HEX to NCS®

convert from #RRGGBB to NCS-number (S0000-X00X)

nsc-logo

RAL® to RGB

convert from RAL®-number (RAL 0000) to RGB red green blue

RAL® to CMYK

convert from RAL®-number (RAL 0000) to CMYK cyan / magenta / yellow / black

Icons

RAL® to HEX

convert from RAL®-number (RAL 0000) to #RRGGBB

RAL® to HKS®

convert from RAL®-number (RAL 0000) to HKS®-number (HKS 00)

RAL® to PANTONE®

convert from RAL®-number (RAL 0000) to Pantone®-number (Pantone 0000)

RAL® to Sherwin Williams®

convert from RAL®-number (RAL 0000) to Sherwin Williams®-number (SW 0000)

RAL® to NCS®

convert from RAL®-number (RAL 0000) to NCS-number (S0000-X00X)

nsc-logo

HKS® to RGB

convert from HKS®-number (HKS 00) to RGB red green blue

HKS® to CMYK

convert from HKS®-number (HKS 00) to CMYK cyan / magenta / yellow / black

Icons

HKS® to HEX

convert from HKS®-number (HKS 00) to #RRGGBB

HKS® to RAL®

convert from HKS®-number (HKS 00) to RAL®-number (RAL 0000)

HKS® to PANTONE®

convert from HKS®-number (HKS 00) to Pantone®-number (Pantone 0000)

HKS® to Sherwin Williams®

convert from HKS®-number (HKS 00) to Sherwin Williams®-number (SW 0000)

HKS® to NCS®

convert from HKS®-number (HKS 00) to NCS-number (S0000-X00X)

nsc-logo

PANTONE® to RGB

convert from Pantone®-number (Pantone 0000) to RGB red green blue

PANTONE® to CMYK

convert from Pantone®-number (Pantone 0000) to CMYK cyan / magenta / yellow / black

Icons

PANTONE® to HEX

convert from Pantone®-number (Pantone 0000) to #RRGGBB

PANTONE® to RAL®

convert from Pantone®-number (Pantone 0000) to RAL®-number (RAL 0000)

PANTONE® to HKS®

convert from Pantone®-number (Pantone 0000) to HKS®-number (HKS 00)

PANTONE® to Sherwin Williams®

convert from Pantone®-number (Pantone 0000) to Sherwin Williams®-number (SW 0000)

PANTONE® to NCS®

convert from Pantone®-number (Pantone 0000) to NCS-number (S0000-X00X)

nsc-logo

Sherwin Williams® to RGB

convert from Sherwin Williams®-number (SW 0000) to RGB red green blue

Sherwin Williams® to CMYK

convert from Sherwin Williams®-number (SW 0000) to CMYK cyan / magenta / yellow / black

Icons

Sherwin Williams® to HEX

convert from Sherwin Williams®-number (SW 0000) to #RRGGBB

Sherwin Williams® to RAL®

convert from Sherwin Williams®-number (SW 0000) to RAL®-number (RAL 0000)

Sherwin Williams® to HKS®

convert from Sherwin Williams®-number (SW 0000) to HKS®-number (HKS 00)

Sherwin Williams® to PANTONE®

convert from Sherwin Williams®-number (SW 0000) to Pantone®-number (Pantone 0000)

Sherwin Williams® to NCS®

convert from Sherwin Williams®-number (SW 0000) to NCS-number (S0000-X00X)

nsc-logo
nsc-logo

NCS® to RGB

convert from NCS-number (S0000-X00X) to RGB red green blue
nsc-logo

NCS® to CMYK

convert from NCS-number (S0000-X00X) to CMYK cyan / magenta / yellow / black

Icons
nsc-logo

NCS® to HEX

convert from NCS-number (S0000-X00X) to #RRGGBB
nsc-logo

NCS® to RAL®

convert from NCS-number (S0000-X00X) to RAL®-number (RAL 0000)
nsc-logo

NCS® to HKS®

convert from NCS-number (S0000-X00X) to HKS®-number (HKS 00)
nsc-logo

NCS® to PANTONE®

convert from NCS-number (S0000-X00X) to Pantone®-number (Pantone 0000)
nsc-logo

NCS® to Sherwin Williams®

convert from NCS-number (S0000-X00X) to Sherwin Williams®-number (SW 0000)

Codes

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2025 - Designed by frag-bobby.de