#D4C0CF - #3C3639 | 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 #D4C0CF to #3C3639

#D4C0CF #3C3639

Calculate the color between two colors, #D4C0CF and #3C3639. 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)

#D4C0CF - #3C3639 | 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 #D4C0CF as 0% and #3C3639 as 100%.

0.0%	0.0% #D4C0CF	RGB 212 192 207	#D4C0CF
16.7%	16.7% #BAA9B6	RGB 186 169 182	#BAA9B6
33.3%	33.3% #A1929D	RGB 161 146 157	#A1929D
50.0%	50.0% #887B84	RGB 136 123 132	#887B84
66.7%	66.7% #6E646B	RGB 110 100 107	#6E646B
83.3%	83.3% #554D52	RGB 85 77 82	#554D52
100.0%	100.0% #3C3639	RGB 60 54 57	#3C3639

#D4C0CF #BAA9B6 #A1929D #887B84 #6E646B #554D52 #3C3639

#D4C0CF - #3C3639

HSV Blend

#D4C0CF - #3C3639 | 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 #D4C0CF as 0% and #3C3639 as 100%.

0.0%	0.0% #D4C0CF	RGB 212 192 207	#D4C0CF
16.7%	16.7% #BAA8B5	RGB 186 168 181	#BAA8B5
33.3%	33.3% #A1919C	RGB 161 145 156	#A1919C
50.0%	50.0% #887A83	RGB 136 122 131	#887A83
66.7%	66.7% #6E636A	RGB 110 99 106	#6E636A
83.3%	83.3% #554C51	RGB 85 76 81	#554C51
100.0%	100.0% #3C3639	RGB 60 54 57	#3C3639

#D4C0CF #BAA8B5 #A1919C #887A83 #6E636A #554C51 #3C3639

#D4C0CF - #887A83 - #3C3639

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4C0CF 0%, #887A83 50%, #3C3639 100%);
    background: -webkit-linear-gradient(top, #D4C0CF 0%, #887A83 50%, #3C3639 100%);
    background: linear-gradient(to bottom, #D4C0CF 0%, #887A83 50%, #3C3639 100%);
}
</style>