#C9E5E4 - #394140 | 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 #C9E5E4 to #394140

#C9E5E4 #394140

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

#C9E5E4 - #394140 | 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 #C9E5E4 as 0% and #394140 as 100%.

0.0%	0.0% #C9E5E4	RGB 201 229 228	#C9E5E4
16.7%	16.7% #B1C9C8	RGB 177 201 200	#B1C9C8
33.3%	33.3% #99AEAD	RGB 153 174 173	#99AEAD
50.0%	50.0% #819392	RGB 129 147 146	#819392
66.7%	66.7% #697776	RGB 105 119 118	#697776
83.3%	83.3% #515C5B	RGB 81 92 91	#515C5B
100.0%	100.0% #394140	RGB 57 65 64	#394140

#C9E5E4 #B1C9C8 #99AEAD #819392 #697776 #515C5B #394140

#C9E5E4 - #394140

HSV Blend

#C9E5E4 - #394140 | 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 #C9E5E4 as 0% and #394140 as 100%.

0.0%	0.0% #C9E5E4	RGB 201 229 228	#C9E5E4
16.7%	16.7% #B0C9C8	RGB 176 201 200	#B0C9C8
33.3%	33.3% #98AEAC	RGB 152 174 172	#98AEAC
50.0%	50.0% #809391	RGB 128 147 145	#809391
66.7%	66.7% #687776	RGB 104 119 118	#687776
83.3%	83.3% #505C5B	RGB 80 92 91	#505C5B
100.0%	100.0% #394140	RGB 57 65 64	#394140

#C9E5E4 #B0C9C8 #98AEAC #809391 #687776 #505C5B #394140

#C9E5E4 - #809391 - #394140

CSS codes

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

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