#C9D5E9 - #393C42 | 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 #C9D5E9 to #393C42

#C9D5E9 #393C42

Calculate the color between two colors, #C9D5E9 and #393C42. 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)

#C9D5E9 - #393C42 | 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 #C9D5E9 as 0% and #393C42 as 100%.

0.0%	0.0% #C9D5E9	RGB 201 213 233	#C9D5E9
16.7%	16.7% #B1BBCD	RGB 177 187 205	#B1BBCD
33.3%	33.3% #99A2B1	RGB 153 162 177	#99A2B1
50.0%	50.0% #818895	RGB 129 136 149	#818895
66.7%	66.7% #696F79	RGB 105 111 121	#696F79
83.3%	83.3% #51555D	RGB 81 85 93	#51555D
100.0%	100.0% #393C42	RGB 57 60 66	#393C42

#C9D5E9 #B1BBCD #99A2B1 #818895 #696F79 #51555D #393C42

#C9D5E9 - #393C42

HSV Blend

#C9D5E9 - #393C42 | 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 #C9D5E9 as 0% and #393C42 as 100%.

0.0%	0.0% #C9D5E9	RGB 201 213 233	#C9D5E9
16.7%	16.7% #B1BBCD	RGB 177 187 205	#B1BBCD
33.3%	33.3% #99A1B1	RGB 153 161 177	#99A1B1
50.0%	50.0% #818895	RGB 129 136 149	#818895
66.7%	66.7% #696E79	RGB 105 110 121	#696E79
83.3%	83.3% #51555D	RGB 81 85 93	#51555D
100.0%	100.0% #393C42	RGB 57 60 66	#393C42

#C9D5E9 #B1BBCD #99A1B1 #818895 #696E79 #51555D #393C42

#C9D5E9 - #818895 - #393C42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9D5E9 0%, #818895 50%, #393C42 100%);
    background: -webkit-linear-gradient(top, #C9D5E9 0%, #818895 50%, #393C42 100%);
    background: linear-gradient(to bottom, #C9D5E9 0%, #818895 50%, #393C42 100%);
}
</style>