#DBA3FF - #842CCE | 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 #DBA3FF to #842CCE

#DBA3FF #842CCE

Calculate the color between two colors, #DBA3FF and #842CCE. 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)

#DBA3FF - #842CCE | 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 #DBA3FF as 0% and #842CCE as 100%.

0.0%	0.0% #DBA3FF	RGB 219 163 255	#DBA3FF
16.7%	16.7% #CC8FF6	RGB 204 143 246	#CC8FF6
33.3%	33.3% #BE7BEE	RGB 190 123 238	#BE7BEE
50.0%	50.0% #AF67E6	RGB 175 103 230	#AF67E6
66.7%	66.7% #A153DE	RGB 161 83 222	#A153DE
83.3%	83.3% #923FD6	RGB 146 63 214	#923FD6
100.0%	100.0% #842CCE	RGB 132 44 206	#842CCE

#DBA3FF #CC8FF6 #BE7BEE #AF67E6 #A153DE #923FD6 #842CCE

#DBA3FF - #842CCE

HSV Blend

#DBA3FF - #842CCE | 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 #DBA3FF as 0% and #842CCE as 100%.

0.0%	0.0% #DBA3FF	RGB 219 163 255	#DBA3FF
16.7%	16.7% #CB8CF6	RGB 203 140 246	#CB8CF6
33.3%	33.3% #BD76EE	RGB 189 118 238	#BD76EE
50.0%	50.0% #AE62E6	RGB 174 98 230	#AE62E6
66.7%	66.7% #A04FDE	RGB 160 79 222	#A04FDE
83.3%	83.3% #913CD6	RGB 145 60 214	#913CD6
100.0%	100.0% #842CCE	RGB 132 44 206	#842CCE

#DBA3FF #CB8CF6 #BD76EE #AE62E6 #A04FDE #913CD6 #842CCE

#DBA3FF - #AE62E6 - #842CCE

CSS codes

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

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