#DFABFF - #A752EE | 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 #DFABFF to #A752EE

#DFABFF #A752EE

Calculate the color between two colors, #DFABFF and #A752EE. 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)

#DFABFF - #A752EE | 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 #DFABFF as 0% and #A752EE as 100%.

0.0%	0.0% #DFABFF	RGB 223 171 255	#DFABFF
16.7%	16.7% #D59CFC	RGB 213 156 252	#D59CFC
33.3%	33.3% #CC8DF9	RGB 204 141 249	#CC8DF9
50.0%	50.0% #C37EF6	RGB 195 126 246	#C37EF6
66.7%	66.7% #B96FF3	RGB 185 111 243	#B96FF3
83.3%	83.3% #B060F0	RGB 176 96 240	#B060F0
100.0%	100.0% #A752EE	RGB 167 82 238	#A752EE

#DFABFF #D59CFC #CC8DF9 #C37EF6 #B96FF3 #B060F0 #A752EE

#DFABFF - #A752EE

HSV Blend

#DFABFF - #A752EE | 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 #DFABFF as 0% and #A752EE as 100%.

0.0%	0.0% #DFABFF	RGB 223 171 255	#DFABFF
16.7%	16.7% #D69BFC	RGB 214 155 252	#D69BFC
33.3%	33.3% #CD8CF9	RGB 205 140 249	#CD8CF9
50.0%	50.0% #C37DF6	RGB 195 125 246	#C37DF6
66.7%	66.7% #BA6EF3	RGB 186 110 243	#BA6EF3
83.3%	83.3% #B060F0	RGB 176 96 240	#B060F0
100.0%	100.0% #A752EE	RGB 167 82 238	#A752EE

#DFABFF #D69BFC #CD8CF9 #C37DF6 #BA6EF3 #B060F0 #A752EE

#DFABFF - #C37DF6 - #A752EE

CSS codes

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

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