#DAC6FF - #8D5FCF | 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 #DAC6FF to #8D5FCF

#DAC6FF #8D5FCF

Calculate the color between two colors, #DAC6FF and #8D5FCF. 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)

#DAC6FF - #8D5FCF | 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 #DAC6FF as 0% and #8D5FCF as 100%.

0.0%	0.0% #DAC6FF	RGB 218 198 255	#DAC6FF
16.7%	16.7% #CDB4F7	RGB 205 180 247	#CDB4F7
33.3%	33.3% #C0A3EF	RGB 192 163 239	#C0A3EF
50.0%	50.0% #B392E7	RGB 179 146 231	#B392E7
66.7%	66.7% #A681DF	RGB 166 129 223	#A681DF
83.3%	83.3% #9970D7	RGB 153 112 215	#9970D7
100.0%	100.0% #8D5FCF	RGB 141 95 207	#8D5FCF

#DAC6FF #CDB4F7 #C0A3EF #B392E7 #A681DF #9970D7 #8D5FCF

#DAC6FF - #8D5FCF

HSV Blend

#DAC6FF - #8D5FCF | 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 #DAC6FF as 0% and #8D5FCF as 100%.

0.0%	0.0% #DAC6FF	RGB 218 198 255	#DAC6FF
16.7%	16.7% #CBB2F7	RGB 203 178 247	#CBB2F7
33.3%	33.3% #BDA0EF	RGB 189 160 239	#BDA0EF
50.0%	50.0% #B08EE7	RGB 176 142 231	#B08EE7
66.7%	66.7% #A37DDF	RGB 163 125 223	#A37DDF
83.3%	83.3% #986ED7	RGB 152 110 215	#986ED7
100.0%	100.0% #8D5FCF	RGB 141 95 207	#8D5FCF

#DAC6FF #CBB2F7 #BDA0EF #B08EE7 #A37DDF #986ED7 #8D5FCF

#DAC6FF - #B08EE7 - #8D5FCF

CSS codes

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

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