#EAC6FF - #AD5FCF | 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 #EAC6FF to #AD5FCF

#EAC6FF #AD5FCF

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

#EAC6FF - #AD5FCF | 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 #EAC6FF as 0% and #AD5FCF as 100%.

0.0%	0.0% #EAC6FF	RGB 234 198 255	#EAC6FF
16.7%	16.7% #DFB4F7	RGB 223 180 247	#DFB4F7
33.3%	33.3% #D5A3EF	RGB 213 163 239	#D5A3EF
50.0%	50.0% #CB92E7	RGB 203 146 231	#CB92E7
66.7%	66.7% #C181DF	RGB 193 129 223	#C181DF
83.3%	83.3% #B770D7	RGB 183 112 215	#B770D7
100.0%	100.0% #AD5FCF	RGB 173 95 207	#AD5FCF

#EAC6FF #DFB4F7 #D5A3EF #CB92E7 #C181DF #B770D7 #AD5FCF

#EAC6FF - #AD5FCF

HSV Blend

#EAC6FF - #AD5FCF | 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 #EAC6FF as 0% and #AD5FCF as 100%.

0.0%	0.0% #EAC6FF	RGB 234 198 255	#EAC6FF
16.7%	16.7% #DEB2F7	RGB 222 178 247	#DEB2F7
33.3%	33.3% #D3A0EF	RGB 211 160 239	#D3A0EF
50.0%	50.0% #C98EE7	RGB 201 142 231	#C98EE7
66.7%	66.7% #BF7DDF	RGB 191 125 223	#BF7DDF
83.3%	83.3% #B66ED7	RGB 182 110 215	#B66ED7
100.0%	100.0% #AD5FCF	RGB 173 95 207	#AD5FCF

#EAC6FF #DEB2F7 #D3A0EF #C98EE7 #BF7DDF #B66ED7 #AD5FCF

#EAC6FF - #C98EE7 - #AD5FCF

CSS codes

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

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