#9FDDD9 - #2D3F3E | 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 #9FDDD9 to #2D3F3E

#9FDDD9 #2D3F3E

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

#9FDDD9 - #2D3F3E | 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 #9FDDD9 as 0% and #2D3F3E as 100%.

0.0%	0.0% #9FDDD9	RGB 159 221 217	#9FDDD9
16.7%	16.7% #8CC2BF	RGB 140 194 191	#8CC2BF
33.3%	33.3% #79A8A5	RGB 121 168 165	#79A8A5
50.0%	50.0% #668E8B	RGB 102 142 139	#668E8B
66.7%	66.7% #537371	RGB 83 115 113	#537371
83.3%	83.3% #405957	RGB 64 89 87	#405957
100.0%	100.0% #2D3F3E	RGB 45 63 62	#2D3F3E

#9FDDD9 #8CC2BF #79A8A5 #668E8B #537371 #405957 #2D3F3E

#9FDDD9 - #2D3F3E

HSV Blend

#9FDDD9 - #2D3F3E | 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 #9FDDD9 as 0% and #2D3F3E as 100%.

0.0%	0.0% #9FDDD9	RGB 159 221 217	#9FDDD9
16.7%	16.7% #8BC2BF	RGB 139 194 191	#8BC2BF
33.3%	33.3% #78A8A5	RGB 120 168 165	#78A8A5
50.0%	50.0% #658E8B	RGB 101 142 139	#658E8B
66.7%	66.7% #527371	RGB 82 115 113	#527371
83.3%	83.3% #3F5957	RGB 63 89 87	#3F5957
100.0%	100.0% #2D3F3E	RGB 45 63 62	#2D3F3E

#9FDDD9 #8BC2BF #78A8A5 #658E8B #527371 #3F5957 #2D3F3E

#9FDDD9 - #658E8B - #2D3F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDDD9 0%, #658E8B 50%, #2D3F3E 100%);
    background: -webkit-linear-gradient(top, #9FDDD9 0%, #658E8B 50%, #2D3F3E 100%);
    background: linear-gradient(to bottom, #9FDDD9 0%, #658E8B 50%, #2D3F3E 100%);
}
</style>