#E5E5F9 - #A399EF | 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 #E5E5F9 to #A399EF

#E5E5F9 #A399EF

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

#E5E5F9 - #A399EF | 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 #E5E5F9 as 0% and #A399EF as 100%.

0.0%	0.0% #E5E5F9	RGB 229 229 249	#E5E5F9
16.7%	16.7% #DAD8F7	RGB 218 216 247	#DAD8F7
33.3%	33.3% #CFCBF5	RGB 207 203 245	#CFCBF5
50.0%	50.0% #C4BFF4	RGB 196 191 244	#C4BFF4
66.7%	66.7% #B9B2F2	RGB 185 178 242	#B9B2F2
83.3%	83.3% #AEA5F0	RGB 174 165 240	#AEA5F0
100.0%	100.0% #A399EF	RGB 163 153 239	#A399EF

#E5E5F9 #DAD8F7 #CFCBF5 #C4BFF4 #B9B2F2 #AEA5F0 #A399EF

#E5E5F9 - #A399EF

HSV Blend

#E5E5F9 - #A399EF | 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 #E5E5F9 as 0% and #A399EF as 100%.

0.0%	0.0% #E5E5F9	RGB 229 229 249	#E5E5F9
16.7%	16.7% #D8D7F7	RGB 216 215 247	#D8D7F7
33.3%	33.3% #CCCBF5	RGB 204 203 245	#CCCBF5
50.0%	50.0% #C1BEF4	RGB 193 190 244	#C1BEF4
66.7%	66.7% #B6B1F2	RGB 182 177 242	#B6B1F2
83.3%	83.3% #ACA5F0	RGB 172 165 240	#ACA5F0
100.0%	100.0% #A399EF	RGB 163 153 239	#A399EF

#E5E5F9 #D8D7F7 #CCCBF5 #C1BEF4 #B6B1F2 #ACA5F0 #A399EF

#E5E5F9 - #C1BEF4 - #A399EF

CSS codes

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

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