#EEBAFF - #AF4DCE | 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 #EEBAFF to #AF4DCE

#EEBAFF #AF4DCE

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

#EEBAFF - #AF4DCE | 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 #EEBAFF as 0% and #AF4DCE as 100%.

0.0%	0.0% #EEBAFF	RGB 238 186 255	#EEBAFF
16.7%	16.7% #E3A7F6	RGB 227 167 246	#E3A7F6
33.3%	33.3% #D995EE	RGB 217 149 238	#D995EE
50.0%	50.0% #CE83E6	RGB 206 131 230	#CE83E6
66.7%	66.7% #C471DE	RGB 196 113 222	#C471DE
83.3%	83.3% #B95FD6	RGB 185 95 214	#B95FD6
100.0%	100.0% #AF4DCE	RGB 175 77 206	#AF4DCE

#EEBAFF #E3A7F6 #D995EE #CE83E6 #C471DE #B95FD6 #AF4DCE

#EEBAFF - #AF4DCE

HSV Blend

#EEBAFF - #AF4DCE | 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 #EEBAFF as 0% and #AF4DCE as 100%.

0.0%	0.0% #EEBAFF	RGB 238 186 255	#EEBAFF
16.7%	16.7% #E2A5F6	RGB 226 165 246	#E2A5F6
33.3%	33.3% #D791EE	RGB 215 145 238	#D791EE
50.0%	50.0% #CD7FE6	RGB 205 127 230	#CD7FE6
66.7%	66.7% #C26DDE	RGB 194 109 222	#C26DDE
83.3%	83.3% #B85CD6	RGB 184 92 214	#B85CD6
100.0%	100.0% #AF4DCE	RGB 175 77 206	#AF4DCE

#EEBAFF #E2A5F6 #D791EE #CD7FE6 #C26DDE #B85CD6 #AF4DCE

#EEBAFF - #CD7FE6 - #AF4DCE

CSS codes

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

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