#2B5E41 - #023413 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #2B5E41 to #023413

#2B5E41 #023413

Calculate the color between two colors, #2B5E41 and #023413. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#2B5E41 - #023413 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #2B5E41 as 0% and #023413 as 100%.

0.0%	0.0% #2B5E41	RGB 43 94 65	#2B5E41
16.7%	16.7% #245739	RGB 36 87 57	#245739
33.3%	33.3% #1D5031	RGB 29 80 49	#1D5031
50.0%	50.0% #16492A	RGB 22 73 42	#16492A
66.7%	66.7% #0F4222	RGB 15 66 34	#0F4222
83.3%	83.3% #083B1A	RGB 8 59 26	#083B1A
100.0%	100.0% #023413	RGB 2 52 19	#023413

#2B5E41 #245739 #1D5031 #16492A #0F4222 #083B1A #023413

#2B5E41 - #023413

HSV Blend

#2B5E41 - #023413 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #2B5E41 as 0% and #023413 as 100%.

0.0%	0.0% #2B5E41	RGB 43 94 65	#2B5E41
16.7%	16.7% #215737	RGB 33 87 55	#215737
33.3%	33.3% #19502F	RGB 25 80 47	#19502F
50.0%	50.0% #124927	RGB 18 73 39	#124927
66.7%	66.7% #0B421F	RGB 11 66 31	#0B421F
83.3%	83.3% #063B19	RGB 6 59 25	#063B19
100.0%	100.0% #023413	RGB 2 52 19	#023413

#2B5E41 #215737 #19502F #124927 #0B421F #063B19 #023413

#2B5E41 - #124927 - #023413

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E41 0%, #023413 100%);
    background: -webkit-linear-gradient(top, #2B5E41 0%, #023413 100%);
    background: linear-gradient(to bottom, #2B5E41 0%, #023413 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E41 0%, #124927 50%, #023413 100%);
    background: -webkit-linear-gradient(top, #2B5E41 0%, #124927 50%, #023413 100%);
    background: linear-gradient(to bottom, #2B5E41 0%, #124927 50%, #023413 100%);
}
</style>