#9FD8DA - #2D3D3E | 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 #9FD8DA to #2D3D3E

#9FD8DA #2D3D3E

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

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

0.0%	0.0% #9FD8DA	RGB 159 216 218	#9FD8DA
16.7%	16.7% #8CBEC0	RGB 140 190 192	#8CBEC0
33.3%	33.3% #79A4A6	RGB 121 164 166	#79A4A6
50.0%	50.0% #668A8C	RGB 102 138 140	#668A8C
66.7%	66.7% #537072	RGB 83 112 114	#537072
83.3%	83.3% #405658	RGB 64 86 88	#405658
100.0%	100.0% #2D3D3E	RGB 45 61 62	#2D3D3E

#9FD8DA #8CBEC0 #79A4A6 #668A8C #537072 #405658 #2D3D3E

#9FD8DA - #2D3D3E

HSV Blend

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

0.0%	0.0% #9FD8DA	RGB 159 216 218	#9FD8DA
16.7%	16.7% #8BBEC0	RGB 139 190 192	#8BBEC0
33.3%	33.3% #78A4A6	RGB 120 164 166	#78A4A6
50.0%	50.0% #658A8C	RGB 101 138 140	#658A8C
66.7%	66.7% #527072	RGB 82 112 114	#527072
83.3%	83.3% #3F5658	RGB 63 86 88	#3F5658
100.0%	100.0% #2D3D3E	RGB 45 61 62	#2D3D3E

#9FD8DA #8BBEC0 #78A4A6 #658A8C #527072 #3F5658 #2D3D3E

#9FD8DA - #658A8C - #2D3D3E

CSS codes

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

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