#2F5D5E - #201D1C | 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 #2F5D5E to #201D1C

#2F5D5E #201D1C

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

#2F5D5E - #201D1C | 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 #2F5D5E as 0% and #201D1C as 100%.

0.0%	0.0% #2F5D5E	RGB 47 93 94	#2F5D5E
16.7%	16.7% #2C5253	RGB 44 82 83	#2C5253
33.3%	33.3% #2A4748	RGB 42 71 72	#2A4748
50.0%	50.0% #273D3D	RGB 39 61 61	#273D3D
66.7%	66.7% #253232	RGB 37 50 50	#253232
83.3%	83.3% #222727	RGB 34 39 39	#222727
100.0%	100.0% #201D1C	RGB 32 29 28	#201D1C

#2F5D5E #2C5253 #2A4748 #273D3D #253232 #222727 #201D1C

#2F5D5E - #201D1C

HSV Blend

#2F5D5E - #201D1C | 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 #2F5D5E as 0% and #201D1C as 100%.

0.0%	0.0% #2F5C5E	RGB 47 92 94	#2F5C5E
16.7%	16.7% #2F5343	RGB 47 83 67	#2F5343
33.3%	33.3% #2D4930	RGB 45 73 48	#2D4930
50.0%	50.0% #323F2B	RGB 50 63 43	#323F2B
66.7%	66.7% #323427	RGB 50 52 39	#323427
83.3%	83.3% #2A2822	RGB 42 40 34	#2A2822
100.0%	100.0% #201D1C	RGB 32 29 28	#201D1C

#2F5C5E #2F5343 #2D4930 #323F2B #323427 #2A2822 #201D1C

#2F5D5E - #323F2B - #201D1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5C5E 0%, #323F2B 50%, #201D1C 100%);
    background: -webkit-linear-gradient(top, #2F5C5E 0%, #323F2B 50%, #201D1C 100%);
    background: linear-gradient(to bottom, #2F5C5E 0%, #323F2B 50%, #201D1C 100%);
}
</style>