#8C2ABB - #DEC2EB | 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 #8C2ABB to #DEC2EB

#8C2ABB #DEC2EB

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

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

0.0%	0.0% #8C2ABB	RGB 140 42 187	#8C2ABB
16.7%	16.7% #9943C3	RGB 153 67 195	#9943C3
33.3%	33.3% #A75CCB	RGB 167 92 203	#A75CCB
50.0%	50.0% #B576D3	RGB 181 118 211	#B576D3
66.7%	66.7% #C28FDB	RGB 194 143 219	#C28FDB
83.3%	83.3% #D0A8E3	RGB 208 168 227	#D0A8E3
100.0%	100.0% #DEC2EB	RGB 222 194 235	#DEC2EB

#8C2ABB #9943C3 #A75CCB #B576D3 #C28FDB #D0A8E3 #DEC2EB

#8C2ABB - #DEC2EB

HSV Blend

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

0.0%	0.0% #8C2ABB	RGB 140 42 187	#8C2ABB
16.7%	16.7% #983FC3	RGB 152 63 195	#983FC3
33.3%	33.3% #A556CB	RGB 165 86 203	#A556CB
50.0%	50.0% #B26ED3	RGB 178 110 211	#B26ED3
66.7%	66.7% #C088DB	RGB 192 136 219	#C088DB
83.3%	83.3% #CFA4E3	RGB 207 164 227	#CFA4E3
100.0%	100.0% #DEC2EB	RGB 222 194 235	#DEC2EB

#8C2ABB #983FC3 #A556CB #B26ED3 #C088DB #CFA4E3 #DEC2EB

#8C2ABB - #B26ED3 - #DEC2EB

CSS codes

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

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