#DAA0FF - #8228CE | 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 #DAA0FF to #8228CE

#DAA0FF #8228CE

Calculate the color between two colors, #DAA0FF and #8228CE. 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)

#DAA0FF - #8228CE | 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 #DAA0FF as 0% and #8228CE as 100%.

0.0%	0.0% #DAA0FF	RGB 218 160 255	#DAA0FF
16.7%	16.7% #CB8CF6	RGB 203 140 246	#CB8CF6
33.3%	33.3% #BC78EE	RGB 188 120 238	#BC78EE
50.0%	50.0% #AE64E6	RGB 174 100 230	#AE64E6
66.7%	66.7% #9F50DE	RGB 159 80 222	#9F50DE
83.3%	83.3% #903CD6	RGB 144 60 214	#903CD6
100.0%	100.0% #8228CE	RGB 130 40 206	#8228CE

#DAA0FF #CB8CF6 #BC78EE #AE64E6 #9F50DE #903CD6 #8228CE

#DAA0FF - #8228CE

HSV Blend

#DAA0FF - #8228CE | 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 #DAA0FF as 0% and #8228CE as 100%.

0.0%	0.0% #DAA0FF	RGB 218 160 255	#DAA0FF
16.7%	16.7% #CA89F6	RGB 202 137 246	#CA89F6
33.3%	33.3% #BB73EE	RGB 187 115 238	#BB73EE
50.0%	50.0% #AC5EE6	RGB 172 94 230	#AC5EE6
66.7%	66.7% #9E4BDE	RGB 158 75 222	#9E4BDE
83.3%	83.3% #9039D6	RGB 144 57 214	#9039D6
100.0%	100.0% #8228CE	RGB 130 40 206	#8228CE

#DAA0FF #CA89F6 #BB73EE #AC5EE6 #9E4BDE #9039D6 #8228CE

#DAA0FF - #AC5EE6 - #8228CE

CSS codes

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

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