#DFBAFF - #8E4DCE | 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 #DFBAFF to #8E4DCE

#DFBAFF #8E4DCE

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

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

0.0%	0.0% #DFBAFF	RGB 223 186 255	#DFBAFF
16.7%	16.7% #D1A7F6	RGB 209 167 246	#D1A7F6
33.3%	33.3% #C495EE	RGB 196 149 238	#C495EE
50.0%	50.0% #B683E6	RGB 182 131 230	#B683E6
66.7%	66.7% #A971DE	RGB 169 113 222	#A971DE
83.3%	83.3% #9B5FD6	RGB 155 95 214	#9B5FD6
100.0%	100.0% #8E4DCE	RGB 142 77 206	#8E4DCE

#DFBAFF #D1A7F6 #C495EE #B683E6 #A971DE #9B5FD6 #8E4DCE

#DFBAFF - #8E4DCE

HSV Blend

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

0.0%	0.0% #DFBAFF	RGB 223 186 255	#DFBAFF
16.7%	16.7% #D0A5F6	RGB 208 165 246	#D0A5F6
33.3%	33.3% #C291EE	RGB 194 145 238	#C291EE
50.0%	50.0% #B47FE6	RGB 180 127 230	#B47FE6
66.7%	66.7% #A76DDE	RGB 167 109 222	#A76DDE
83.3%	83.3% #9A5CD6	RGB 154 92 214	#9A5CD6
100.0%	100.0% #8E4DCE	RGB 142 77 206	#8E4DCE

#DFBAFF #D0A5F6 #C291EE #B47FE6 #A76DDE #9A5CD6 #8E4DCE

#DFBAFF - #B47FE6 - #8E4DCE

CSS codes

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

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