#DDA2FF - #862ACE | 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 #DDA2FF to #862ACE

#DDA2FF #862ACE

Calculate the color between two colors, #DDA2FF and #862ACE. 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)

#DDA2FF - #862ACE | 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 #DDA2FF as 0% and #862ACE as 100%.

0.0%	0.0% #DDA2FF	RGB 221 162 255	#DDA2FF
16.7%	16.7% #CE8EF6	RGB 206 142 246	#CE8EF6
33.3%	33.3% #C07AEE	RGB 192 122 238	#C07AEE
50.0%	50.0% #B166E6	RGB 177 102 230	#B166E6
66.7%	66.7% #A352DE	RGB 163 82 222	#A352DE
83.3%	83.3% #943ED6	RGB 148 62 214	#943ED6
100.0%	100.0% #862ACE	RGB 134 42 206	#862ACE

#DDA2FF #CE8EF6 #C07AEE #B166E6 #A352DE #943ED6 #862ACE

#DDA2FF - #862ACE

HSV Blend

#DDA2FF - #862ACE | 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 #DDA2FF as 0% and #862ACE as 100%.

0.0%	0.0% #DDA2FF	RGB 221 162 255	#DDA2FF
16.7%	16.7% #CE8BF6	RGB 206 139 246	#CE8BF6
33.3%	33.3% #BF75EE	RGB 191 117 238	#BF75EE
50.0%	50.0% #B060E6	RGB 176 96 230	#B060E6
66.7%	66.7% #A24DDE	RGB 162 77 222	#A24DDE
83.3%	83.3% #933BD6	RGB 147 59 214	#933BD6
100.0%	100.0% #862ACE	RGB 134 42 206	#862ACE

#DDA2FF #CE8BF6 #BF75EE #B060E6 #A24DDE #933BD6 #862ACE

#DDA2FF - #B060E6 - #862ACE

CSS codes

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

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