#E6CEFF - #9A6CCE | 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 #E6CEFF to #9A6CCE

#E6CEFF #9A6CCE

Calculate the color between two colors, #E6CEFF and #9A6CCE. 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)

#E6CEFF - #9A6CCE | 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 #E6CEFF as 0% and #9A6CCE as 100%.

0.0%	0.0% #E6CEFF	RGB 230 206 255	#E6CEFF
16.7%	16.7% #D9BDF6	RGB 217 189 246	#D9BDF6
33.3%	33.3% #CCADEE	RGB 204 173 238	#CCADEE
50.0%	50.0% #C09DE6	RGB 192 157 230	#C09DE6
66.7%	66.7% #B38CDE	RGB 179 140 222	#B38CDE
83.3%	83.3% #A67CD6	RGB 166 124 214	#A67CD6
100.0%	100.0% #9A6CCE	RGB 154 108 206	#9A6CCE

#E6CEFF #D9BDF6 #CCADEE #C09DE6 #B38CDE #A67CD6 #9A6CCE

#E6CEFF - #9A6CCE

HSV Blend

#E6CEFF - #9A6CCE | 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 #E6CEFF as 0% and #9A6CCE as 100%.

0.0%	0.0% #E6CEFF	RGB 230 206 255	#E6CEFF
16.7%	16.7% #D8BBF6	RGB 216 187 246	#D8BBF6
33.3%	33.3% #CBAAEE	RGB 203 170 238	#CBAAEE
50.0%	50.0% #BE99E6	RGB 190 153 230	#BE99E6
66.7%	66.7% #B189DE	RGB 177 137 222	#B189DE
83.3%	83.3% #A57AD6	RGB 165 122 214	#A57AD6
100.0%	100.0% #9A6CCE	RGB 154 108 206	#9A6CCE

#E6CEFF #D8BBF6 #CBAAEE #BE99E6 #B189DE #A57AD6 #9A6CCE

#E6CEFF - #BE99E6 - #9A6CCE

CSS codes

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

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