#DCACC4 - #3E3137 | 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 #DCACC4 to #3E3137

#DCACC4 #3E3137

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

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

0.0%	0.0% #DCACC4	RGB 220 172 196	#DCACC4
16.7%	16.7% #C197AC	RGB 193 151 172	#C197AC
33.3%	33.3% #A78395	RGB 167 131 149	#A78395
50.0%	50.0% #8D6E7D	RGB 141 110 125	#8D6E7D
66.7%	66.7% #725A66	RGB 114 90 102	#725A66
83.3%	83.3% #58454E	RGB 88 69 78	#58454E
100.0%	100.0% #3E3137	RGB 62 49 55	#3E3137

#DCACC4 #C197AC #A78395 #8D6E7D #725A66 #58454E #3E3137

#DCACC4 - #3E3137

HSV Blend

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

0.0%	0.0% #DCACC4	RGB 220 172 196	#DCACC4
16.7%	16.7% #C197AC	RGB 193 151 172	#C197AC
33.3%	33.3% #A78394	RGB 167 131 148	#A78394
50.0%	50.0% #8D6E7D	RGB 141 110 125	#8D6E7D
66.7%	66.7% #725A65	RGB 114 90 101	#725A65
83.3%	83.3% #58454E	RGB 88 69 78	#58454E
100.0%	100.0% #3E3137	RGB 62 49 55	#3E3137

#DCACC4 #C197AC #A78394 #8D6E7D #725A65 #58454E #3E3137

#DCACC4 - #8D6E7D - #3E3137

CSS codes

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

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