#2B5D4F - #043321 | 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 #2B5D4F to #043321

#2B5D4F #043321

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

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

0.0%	0.0% #2B5D4F	RGB 43 93 79	#2B5D4F
16.7%	16.7% #245647	RGB 36 86 71	#245647
33.3%	33.3% #1E4F3F	RGB 30 79 63	#1E4F3F
50.0%	50.0% #174838	RGB 23 72 56	#174838
66.7%	66.7% #104130	RGB 16 65 48	#104130
83.3%	83.3% #0A3A28	RGB 10 58 40	#0A3A28
100.0%	100.0% #043321	RGB 4 51 33	#043321

#2B5D4F #245647 #1E4F3F #174838 #104130 #0A3A28 #043321

#2B5D4F - #043321

HSV Blend

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

0.0%	0.0% #2A5D4F	RGB 42 93 79	#2A5D4F
16.7%	16.7% #225646	RGB 34 86 70	#225646
33.3%	33.3% #1A4F3E	RGB 26 79 62	#1A4F3E
50.0%	50.0% #134836	RGB 19 72 54	#134836
66.7%	66.7% #0D412F	RGB 13 65 47	#0D412F
83.3%	83.3% #083A27	RGB 8 58 39	#083A27
100.0%	100.0% #043321	RGB 4 51 33	#043321

#2A5D4F #225646 #1A4F3E #134836 #0D412F #083A27 #043321

#2B5D4F - #134836 - #043321

CSS codes

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

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