#C9E3E7 - #394042 | 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 #C9E3E7 to #394042

#C9E3E7 #394042

Calculate the color between two colors, #C9E3E7 and #394042. 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)

#C9E3E7 - #394042 | 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 #C9E3E7 as 0% and #394042 as 100%.

0.0%	0.0% #C9E3E7	RGB 201 227 231	#C9E3E7
16.7%	16.7% #B1C7CB	RGB 177 199 203	#B1C7CB
33.3%	33.3% #99ACB0	RGB 153 172 176	#99ACB0
50.0%	50.0% #819194	RGB 129 145 148	#819194
66.7%	66.7% #697679	RGB 105 118 121	#697679
83.3%	83.3% #515B5D	RGB 81 91 93	#515B5D
100.0%	100.0% #394042	RGB 57 64 66	#394042

#C9E3E7 #B1C7CB #99ACB0 #819194 #697679 #515B5D #394042

#C9E3E7 - #394042

HSV Blend

#C9E3E7 - #394042 | 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 #C9E3E7 as 0% and #394042 as 100%.

0.0%	0.0% #C9E3E7	RGB 201 227 231	#C9E3E7
16.7%	16.7% #B0C7CB	RGB 176 199 203	#B0C7CB
33.3%	33.3% #98ACB0	RGB 152 172 176	#98ACB0
50.0%	50.0% #809094	RGB 128 144 148	#809094
66.7%	66.7% #687579	RGB 104 117 121	#687579
83.3%	83.3% #505A5D	RGB 80 90 93	#505A5D
100.0%	100.0% #394042	RGB 57 64 66	#394042

#C9E3E7 #B0C7CB #98ACB0 #809094 #687579 #505A5D #394042

#C9E3E7 - #809094 - #394042

CSS codes

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

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