#DBA5FF - #852ECE | 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 #DBA5FF to #852ECE

#DBA5FF #852ECE

Calculate the color between two colors, #DBA5FF and #852ECE. 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)

#DBA5FF - #852ECE | 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 #DBA5FF as 0% and #852ECE as 100%.

0.0%	0.0% #DBA5FF	RGB 219 165 255	#DBA5FF
16.7%	16.7% #CC91F6	RGB 204 145 246	#CC91F6
33.3%	33.3% #BE7DEE	RGB 190 125 238	#BE7DEE
50.0%	50.0% #B069E6	RGB 176 105 230	#B069E6
66.7%	66.7% #A155DE	RGB 161 85 222	#A155DE
83.3%	83.3% #9341D6	RGB 147 65 214	#9341D6
100.0%	100.0% #852ECE	RGB 133 46 206	#852ECE

#DBA5FF #CC91F6 #BE7DEE #B069E6 #A155DE #9341D6 #852ECE

#DBA5FF - #852ECE

HSV Blend

#DBA5FF - #852ECE | 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 #DBA5FF as 0% and #852ECE as 100%.

0.0%	0.0% #DBA5FF	RGB 219 165 255	#DBA5FF
16.7%	16.7% #CC8EF6	RGB 204 142 246	#CC8EF6
33.3%	33.3% #BD78EE	RGB 189 120 238	#BD78EE
50.0%	50.0% #AE64E6	RGB 174 100 230	#AE64E6
66.7%	66.7% #A051DE	RGB 160 81 222	#A051DE
83.3%	83.3% #923ED6	RGB 146 62 214	#923ED6
100.0%	100.0% #852ECE	RGB 133 46 206	#852ECE

#DBA5FF #CC8EF6 #BD78EE #AE64E6 #A051DE #923ED6 #852ECE

#DBA5FF - #AE64E6 - #852ECE

CSS codes

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

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