#2D5E50 - #043322 | 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 #2D5E50 to #043322

#2D5E50 #043322

Calculate the color between two colors, #2D5E50 and #043322. 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)

#2D5E50 - #043322 | 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 #2D5E50 as 0% and #043322 as 100%.

0.0%	0.0% #2D5E50	RGB 45 94 80	#2D5E50
16.7%	16.7% #265648	RGB 38 86 72	#265648
33.3%	33.3% #1F4F40	RGB 31 79 64	#1F4F40
50.0%	50.0% #184839	RGB 24 72 57	#184839
66.7%	66.7% #114131	RGB 17 65 49	#114131
83.3%	83.3% #0A3A29	RGB 10 58 41	#0A3A29
100.0%	100.0% #043322	RGB 4 51 34	#043322

#2D5E50 #265648 #1F4F40 #184839 #114131 #0A3A29 #043322

#2D5E50 - #043322

HSV Blend

#2D5E50 - #043322 | 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 #2D5E50 as 0% and #043322 as 100%.

0.0%	0.0% #2D5E50	RGB 45 94 80	#2D5E50
16.7%	16.7% #235647	RGB 35 86 71	#235647
33.3%	33.3% #1B4F3F	RGB 27 79 63	#1B4F3F
50.0%	50.0% #144837	RGB 20 72 55	#144837
66.7%	66.7% #0D4130	RGB 13 65 48	#0D4130
83.3%	83.3% #083A28	RGB 8 58 40	#083A28
100.0%	100.0% #043322	RGB 4 51 34	#043322

#2D5E50 #235647 #1B4F3F #144837 #0D4130 #083A28 #043322

#2D5E50 - #144837 - #043322

CSS codes

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

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