#E7E3F0 - #8C8BBB | 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 #E7E3F0 to #8C8BBB

#E7E3F0 #8C8BBB

Calculate the color between two colors, #E7E3F0 and #8C8BBB. 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)

#E7E3F0 - #8C8BBB | 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 #E7E3F0 as 0% and #8C8BBB as 100%.

0.0%	0.0% #E7E3F0	RGB 231 227 240	#E7E3F0
16.7%	16.7% #D7D4E7	RGB 215 212 231	#D7D4E7
33.3%	33.3% #C8C5DE	RGB 200 197 222	#C8C5DE
50.0%	50.0% #B9B7D5	RGB 185 183 213	#B9B7D5
66.7%	66.7% #AAA8CC	RGB 170 168 204	#AAA8CC
83.3%	83.3% #9B99C3	RGB 155 153 195	#9B99C3
100.0%	100.0% #8C8BBB	RGB 140 139 187	#8C8BBB

#E7E3F0 #D7D4E7 #C8C5DE #B9B7D5 #AAA8CC #9B99C3 #8C8BBB

#E7E3F0 - #8C8BBB

HSV Blend

#E7E3F0 - #8C8BBB | 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 #E7E3F0 as 0% and #8C8BBB as 100%.

0.0%	0.0% #E7E3F0	RGB 231 227 240	#E7E3F0
16.7%	16.7% #D8D2E7	RGB 216 210 231	#D8D2E7
33.3%	33.3% #C9C3DE	RGB 201 195 222	#C9C3DE
50.0%	50.0% #B9B4D5	RGB 185 180 213	#B9B4D5
66.7%	66.7% #AAA5CC	RGB 170 165 204	#AAA5CC
83.3%	83.3% #9B98C3	RGB 155 152 195	#9B98C3
100.0%	100.0% #8C8BBB	RGB 140 139 187	#8C8BBB

#E7E3F0 #D8D2E7 #C9C3DE #B9B4D5 #AAA5CC #9B98C3 #8C8BBB

#E7E3F0 - #B9B4D5 - #8C8BBB

CSS codes

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

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