#D5ABFF - #8F2EE9 | 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 #D5ABFF to #8F2EE9

#D5ABFF #8F2EE9

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

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

0.0%	0.0% #D5ABFF	RGB 213 171 255	#D5ABFF
16.7%	16.7% #C996FB	RGB 201 150 251	#C996FB
33.3%	33.3% #BD81F7	RGB 189 129 247	#BD81F7
50.0%	50.0% #B26CF4	RGB 178 108 244	#B26CF4
66.7%	66.7% #A657F0	RGB 166 87 240	#A657F0
83.3%	83.3% #9A42EC	RGB 154 66 236	#9A42EC
100.0%	100.0% #8F2EE9	RGB 143 46 233	#8F2EE9

#D5ABFF #C996FB #BD81F7 #B26CF4 #A657F0 #9A42EC #8F2EE9

#D5ABFF - #8F2EE9

HSV Blend

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

0.0%	0.0% #D5ABFF	RGB 213 171 255	#D5ABFF
16.7%	16.7% #C894FB	RGB 200 148 251	#C894FB
33.3%	33.3% #BC7FF7	RGB 188 127 247	#BC7FF7
50.0%	50.0% #B069F4	RGB 176 105 244	#B069F4
66.7%	66.7% #A455F0	RGB 164 85 240	#A455F0
83.3%	83.3% #9941EC	RGB 153 65 236	#9941EC
100.0%	100.0% #8F2EE9	RGB 143 46 233	#8F2EE9

#D5ABFF #C894FB #BC7FF7 #B069F4 #A455F0 #9941EC #8F2EE9

#D5ABFF - #B069F4 - #8F2EE9

CSS codes

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

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