#8D3F7A - #DEC8D9 | 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 #8D3F7A to #DEC8D9

#8D3F7A #DEC8D9

Calculate the color between two colors, #8D3F7A and #DEC8D9. 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)

#8D3F7A - #DEC8D9 | 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 #8D3F7A as 0% and #DEC8D9 as 100%.

0.0%	0.0% #8D3F7A	RGB 141 63 122	#8D3F7A
16.7%	16.7% #9A5589	RGB 154 85 137	#9A5589
33.3%	33.3% #A86C99	RGB 168 108 153	#A86C99
50.0%	50.0% #B583A9	RGB 181 131 169	#B583A9
66.7%	66.7% #C39AB9	RGB 195 154 185	#C39AB9
83.3%	83.3% #D0B1C9	RGB 208 177 201	#D0B1C9
100.0%	100.0% #DEC8D9	RGB 222 200 217	#DEC8D9

#8D3F7A #9A5589 #A86C99 #B583A9 #C39AB9 #D0B1C9 #DEC8D9

#8D3F7A - #DEC8D9

HSV Blend

#8D3F7A - #DEC8D9 | 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 #8D3F7A as 0% and #DEC8D9 as 100%.

0.0%	0.0% #8D3F79	RGB 141 63 121	#8D3F79
16.7%	16.7% #9A5088	RGB 154 80 136	#9A5088
33.3%	33.3% #A86497	RGB 168 100 151	#A86497
50.0%	50.0% #B57AA7	RGB 181 122 167	#B57AA7
66.7%	66.7% #C392B7	RGB 195 146 183	#C392B7
83.3%	83.3% #D0ACC8	RGB 208 172 200	#D0ACC8
100.0%	100.0% #DEC8D9	RGB 222 200 217	#DEC8D9

#8D3F79 #9A5088 #A86497 #B57AA7 #C392B7 #D0ACC8 #DEC8D9

#8D3F7A - #B57AA7 - #DEC8D9

CSS codes

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

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