#C99DAB - #392C2F | 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 #C99DAB to #392C2F

#C99DAB #392C2F

Calculate the color between two colors, #C99DAB and #392C2F. 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)

#C99DAB - #392C2F | 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 #C99DAB as 0% and #392C2F as 100%.

0.0%	0.0% #C99DAB	RGB 201 157 171	#C99DAB
16.7%	16.7% #B18A96	RGB 177 138 150	#B18A96
33.3%	33.3% #997781	RGB 153 119 129	#997781
50.0%	50.0% #81646D	RGB 129 100 109	#81646D
66.7%	66.7% #695158	RGB 105 81 88	#695158
83.3%	83.3% #513E43	RGB 81 62 67	#513E43
100.0%	100.0% #392C2F	RGB 57 44 47	#392C2F

#C99DAB #B18A96 #997781 #81646D #695158 #513E43 #392C2F

#C99DAB - #392C2F

HSV Blend

#C99DAB - #392C2F | 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 #C99DAB as 0% and #392C2F as 100%.

0.0%	0.0% #C99DAB	RGB 201 157 171	#C99DAB
16.7%	16.7% #B18995	RGB 177 137 149	#B18995
33.3%	33.3% #997780	RGB 153 119 128	#997780
50.0%	50.0% #81646C	RGB 129 100 108	#81646C
66.7%	66.7% #695157	RGB 105 81 87	#695157
83.3%	83.3% #513E43	RGB 81 62 67	#513E43
100.0%	100.0% #392C2F	RGB 57 44 47	#392C2F

#C99DAB #B18995 #997780 #81646C #695157 #513E43 #392C2F

#C99DAB - #81646C - #392C2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C99DAB 0%, #81646C 50%, #392C2F 100%);
    background: -webkit-linear-gradient(top, #C99DAB 0%, #81646C 50%, #392C2F 100%);
    background: linear-gradient(to bottom, #C99DAB 0%, #81646C 50%, #392C2F 100%);
}
</style>