#8D36B5 - #DEC5E9 | 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 #8D36B5 to #DEC5E9

#8D36B5 #DEC5E9

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

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

0.0%	0.0% #8D36B5	RGB 141 54 181	#8D36B5
16.7%	16.7% #9A4DBD	RGB 154 77 189	#9A4DBD
33.3%	33.3% #A865C6	RGB 168 101 198	#A865C6
50.0%	50.0% #B57DCF	RGB 181 125 207	#B57DCF
66.7%	66.7% #C395D7	RGB 195 149 215	#C395D7
83.3%	83.3% #D0ADE0	RGB 208 173 224	#D0ADE0
100.0%	100.0% #DEC5E9	RGB 222 197 233	#DEC5E9

#8D36B5 #9A4DBD #A865C6 #B57DCF #C395D7 #D0ADE0 #DEC5E9

#8D36B5 - #DEC5E9

HSV Blend

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

0.0%	0.0% #8D36B5	RGB 141 54 181	#8D36B5
16.7%	16.7% #9949BD	RGB 153 73 189	#9949BD
33.3%	33.3% #A65FC6	RGB 166 95 198	#A65FC6
50.0%	50.0% #B376CF	RGB 179 118 207	#B376CF
66.7%	66.7% #C18FD7	RGB 193 143 215	#C18FD7
83.3%	83.3% #CFA9E0	RGB 207 169 224	#CFA9E0
100.0%	100.0% #DEC5E9	RGB 222 197 233	#DEC5E9

#8D36B5 #9949BD #A65FC6 #B376CF #C18FD7 #CFA9E0 #DEC5E9

#8D36B5 - #B376CF - #DEC5E9

CSS codes

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

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