#DC9EC0 - #3E2D36 | 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 #DC9EC0 to #3E2D36

#DC9EC0 #3E2D36

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

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

0.0%	0.0% #DC9EC0	RGB 220 158 192	#DC9EC0
16.7%	16.7% #C18BA9	RGB 193 139 169	#C18BA9
33.3%	33.3% #A77892	RGB 167 120 146	#A77892
50.0%	50.0% #8D657B	RGB 141 101 123	#8D657B
66.7%	66.7% #725264	RGB 114 82 100	#725264
83.3%	83.3% #583F4D	RGB 88 63 77	#583F4D
100.0%	100.0% #3E2D36	RGB 62 45 54	#3E2D36

#DC9EC0 #C18BA9 #A77892 #8D657B #725264 #583F4D #3E2D36

#DC9EC0 - #3E2D36

HSV Blend

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

0.0%	0.0% #DC9EC0	RGB 220 158 192	#DC9EC0
16.7%	16.7% #C18BA8	RGB 193 139 168	#C18BA8
33.3%	33.3% #A77891	RGB 167 120 145	#A77891
50.0%	50.0% #8D657A	RGB 141 101 122	#8D657A
66.7%	66.7% #725263	RGB 114 82 99	#725263
83.3%	83.3% #58404C	RGB 88 64 76	#58404C
100.0%	100.0% #3E2D36	RGB 62 45 54	#3E2D36

#DC9EC0 #C18BA8 #A77891 #8D657A #725263 #58404C #3E2D36

#DC9EC0 - #8D657A - #3E2D36

CSS codes

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

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