#EEEAFB - #AD99C6 | 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 #EEEAFB to #AD99C6

#EEEAFB #AD99C6

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

#EEEAFB - #AD99C6 | 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 #EEEAFB as 0% and #AD99C6 as 100%.

0.0%	0.0% #EEEAFB	RGB 238 234 251	#EEEAFB
16.7%	16.7% #E3DCF2	RGB 227 220 242	#E3DCF2
33.3%	33.3% #D8CFE9	RGB 216 207 233	#D8CFE9
50.0%	50.0% #CDC1E0	RGB 205 193 224	#CDC1E0
66.7%	66.7% #C2B4D7	RGB 194 180 215	#C2B4D7
83.3%	83.3% #B7A6CE	RGB 183 166 206	#B7A6CE
100.0%	100.0% #AD99C6	RGB 173 153 198	#AD99C6

#EEEAFB #E3DCF2 #D8CFE9 #CDC1E0 #C2B4D7 #B7A6CE #AD99C6

#EEEAFB - #AD99C6

HSV Blend

#EEEAFB - #AD99C6 | 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 #EEEAFB as 0% and #AD99C6 as 100%.

0.0%	0.0% #EEEAFB	RGB 238 234 251	#EEEAFB
16.7%	16.7% #E1DBF2	RGB 225 219 242	#E1DBF2
33.3%	33.3% #D5CDE9	RGB 213 205 233	#D5CDE9
50.0%	50.0% #CABFE0	RGB 202 191 224	#CABFE0
66.7%	66.7% #C0B2D7	RGB 192 178 215	#C0B2D7
83.3%	83.3% #B6A5CE	RGB 182 165 206	#B6A5CE
100.0%	100.0% #AD99C6	RGB 173 153 198	#AD99C6

#EEEAFB #E1DBF2 #D5CDE9 #CABFE0 #C0B2D7 #B6A5CE #AD99C6

#EEEAFB - #CABFE0 - #AD99C6

CSS codes

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

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