#DAC0FF - #B06BEB | 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 #DAC0FF to #B06BEB

#DAC0FF #B06BEB

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

#DAC0FF - #B06BEB | 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 #DAC0FF as 0% and #B06BEB as 100%.

0.0%	0.0% #DAC0FF	RGB 218 192 255	#DAC0FF
16.7%	16.7% #D3B1FB	RGB 211 177 251	#D3B1FB
33.3%	33.3% #CCA3F8	RGB 204 163 248	#CCA3F8
50.0%	50.0% #C595F5	RGB 197 149 245	#C595F5
66.7%	66.7% #BE87F1	RGB 190 135 241	#BE87F1
83.3%	83.3% #B779EE	RGB 183 121 238	#B779EE
100.0%	100.0% #B06BEB	RGB 176 107 235	#B06BEB

#DAC0FF #D3B1FB #CCA3F8 #C595F5 #BE87F1 #B779EE #B06BEB

#DAC0FF - #B06BEB

HSV Blend

#DAC0FF - #B06BEB | 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 #DAC0FF as 0% and #B06BEB as 100%.

0.0%	0.0% #DAC0FF	RGB 218 192 255	#DAC0FF
16.7%	16.7% #D1B1FB	RGB 209 177 251	#D1B1FB
33.3%	33.3% #C9A2F8	RGB 201 162 248	#C9A2F8
50.0%	50.0% #C294F5	RGB 194 148 245	#C294F5
66.7%	66.7% #BB86F1	RGB 187 134 241	#BB86F1
83.3%	83.3% #B578EE	RGB 181 120 238	#B578EE
100.0%	100.0% #B06BEB	RGB 176 107 235	#B06BEB

#DAC0FF #D1B1FB #C9A2F8 #C294F5 #BB86F1 #B578EE #B06BEB

#DAC0FF - #C294F5 - #B06BEB

CSS codes

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

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