#D4C8CE - #3C393A | 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 #D4C8CE to #3C393A

#D4C8CE #3C393A

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

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

0.0%	0.0% #D4C8CE	RGB 212 200 206	#D4C8CE
16.7%	16.7% #BAB0B5	RGB 186 176 181	#BAB0B5
33.3%	33.3% #A1989C	RGB 161 152 156	#A1989C
50.0%	50.0% #888084	RGB 136 128 132	#888084
66.7%	66.7% #6E686B	RGB 110 104 107	#6E686B
83.3%	83.3% #555052	RGB 85 80 82	#555052
100.0%	100.0% #3C393A	RGB 60 57 58	#3C393A

#D4C8CE #BAB0B5 #A1989C #888084 #6E686B #555052 #3C393A

#D4C8CE - #3C393A

HSV Blend

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

0.0%	0.0% #D4C8CE	RGB 212 200 206	#D4C8CE
16.7%	16.7% #BAB0B5	RGB 186 176 181	#BAB0B5
33.3%	33.3% #A1989C	RGB 161 152 156	#A1989C
50.0%	50.0% #888083	RGB 136 128 131	#888083
66.7%	66.7% #6E686B	RGB 110 104 107	#6E686B
83.3%	83.3% #555052	RGB 85 80 82	#555052
100.0%	100.0% #3C393A	RGB 60 57 58	#3C393A

#D4C8CE #BAB0B5 #A1989C #888083 #6E686B #555052 #3C393A

#D4C8CE - #888083 - #3C393A

CSS codes

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

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