#8F2DDB - #DCABFF | 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 #8F2DDB to #DCABFF

#8F2DDB #DCABFF

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

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

0.0%	0.0% #8F2DDB	RGB 143 45 219	#8F2DDB
16.7%	16.7% #9B42E1	RGB 155 66 225	#9B42E1
33.3%	33.3% #A857E7	RGB 168 87 231	#A857E7
50.0%	50.0% #B56CED	RGB 181 108 237	#B56CED
66.7%	66.7% #C281F3	RGB 194 129 243	#C281F3
83.3%	83.3% #CF96F9	RGB 207 150 249	#CF96F9
100.0%	100.0% #DCABFF	RGB 220 171 255	#DCABFF

#8F2DDB #9B42E1 #A857E7 #B56CED #C281F3 #CF96F9 #DCABFF

#8F2DDB - #DCABFF

HSV Blend

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

0.0%	0.0% #8E2DDB	RGB 142 45 219	#8E2DDB
16.7%	16.7% #9B3FE1	RGB 155 63 225	#9B3FE1
33.3%	33.3% #A753E7	RGB 167 83 231	#A753E7
50.0%	50.0% #B467ED	RGB 180 103 237	#B467ED
66.7%	66.7% #C17DF3	RGB 193 125 243	#C17DF3
83.3%	83.3% #CE93F9	RGB 206 147 249	#CE93F9
100.0%	100.0% #DCABFF	RGB 220 171 255	#DCABFF

#8E2DDB #9B3FE1 #A753E7 #B467ED #C17DF3 #CE93F9 #DCABFF

#8F2DDB - #B467ED - #DCABFF

CSS codes

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

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