#D4CDD9 - #3C3A3E | 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 #D4CDD9 to #3C3A3E

#D4CDD9 #3C3A3E

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

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

0.0%	0.0% #D4CDD9	RGB 212 205 217	#D4CDD9
16.7%	16.7% #BAB4BF	RGB 186 180 191	#BAB4BF
33.3%	33.3% #A19CA5	RGB 161 156 165	#A19CA5
50.0%	50.0% #88838B	RGB 136 131 139	#88838B
66.7%	66.7% #6E6B71	RGB 110 107 113	#6E6B71
83.3%	83.3% #555257	RGB 85 82 87	#555257
100.0%	100.0% #3C3A3E	RGB 60 58 62	#3C3A3E

#D4CDD9 #BAB4BF #A19CA5 #88838B #6E6B71 #555257 #3C3A3E

#D4CDD9 - #3C3A3E

HSV Blend

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

0.0%	0.0% #D4CDD9	RGB 212 205 217	#D4CDD9
16.7%	16.7% #BAB4BF	RGB 186 180 191	#BAB4BF
33.3%	33.3% #A19BA5	RGB 161 155 165	#A19BA5
50.0%	50.0% #87838B	RGB 135 131 139	#87838B
66.7%	66.7% #6E6A71	RGB 110 106 113	#6E6A71
83.3%	83.3% #555257	RGB 85 82 87	#555257
100.0%	100.0% #3C3A3E	RGB 60 58 62	#3C3A3E

#D4CDD9 #BAB4BF #A19BA5 #87838B #6E6A71 #555257 #3C3A3E

#D4CDD9 - #87838B - #3C3A3E

CSS codes

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

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