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

#2D5E4F #043322

Calculate the color between two colors, #2D5E4F 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)

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

0.0%	0.0% #2D5E4F	RGB 45 94 79	#2D5E4F
16.7%	16.7% #265647	RGB 38 86 71	#265647
33.3%	33.3% #1F4F40	RGB 31 79 64	#1F4F40
50.0%	50.0% #184838	RGB 24 72 56	#184838
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

#2D5E4F #265647 #1F4F40 #184838 #114131 #0A3A29 #043322

#2D5E4F - #043322

HSV Blend

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

0.0%	0.0% #2D5E4F	RGB 45 94 79	#2D5E4F
16.7%	16.7% #235646	RGB 35 86 70	#235646
33.3%	33.3% #1B4F3E	RGB 27 79 62	#1B4F3E
50.0%	50.0% #144837	RGB 20 72 55	#144837
66.7%	66.7% #0D412F	RGB 13 65 47	#0D412F
83.3%	83.3% #083A28	RGB 8 58 40	#083A28
100.0%	100.0% #043322	RGB 4 51 34	#043322

#2D5E4F #235646 #1B4F3E #144837 #0D412F #083A28 #043322

#2D5E4F - #144837 - #043322

CSS codes

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

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