#E3E3FF - #948DCD | 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 #E3E3FF to #948DCD

#E3E3FF #948DCD

Calculate the color between two colors, #E3E3FF and #948DCD. 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)

#E3E3FF - #948DCD | 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 #E3E3FF as 0% and #948DCD as 100%.

0.0%	0.0% #E3E3FF	RGB 227 227 255	#E3E3FF
16.7%	16.7% #D5D4F6	RGB 213 212 246	#D5D4F6
33.3%	33.3% #C8C6EE	RGB 200 198 238	#C8C6EE
50.0%	50.0% #BBB8E6	RGB 187 184 230	#BBB8E6
66.7%	66.7% #AEA9DD	RGB 174 169 221	#AEA9DD
83.3%	83.3% #A19BD5	RGB 161 155 213	#A19BD5
100.0%	100.0% #948DCD	RGB 148 141 205	#948DCD

#E3E3FF #D5D4F6 #C8C6EE #BBB8E6 #AEA9DD #A19BD5 #948DCD

#E3E3FF - #948DCD

HSV Blend

#E3E3FF - #948DCD | 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 #E3E3FF as 0% and #948DCD as 100%.

0.0%	0.0% #E3E3FF	RGB 227 227 255	#E3E3FF
16.7%	16.7% #D3D3F6	RGB 211 211 246	#D3D3F6
33.3%	33.3% #C5C4EE	RGB 197 196 238	#C5C4EE
50.0%	50.0% #B8B5E6	RGB 184 181 230	#B8B5E6
66.7%	66.7% #ABA7DD	RGB 171 167 221	#ABA7DD
83.3%	83.3% #9F99D5	RGB 159 153 213	#9F99D5
100.0%	100.0% #948DCD	RGB 148 141 205	#948DCD

#E3E3FF #D3D3F6 #C5C4EE #B8B5E6 #ABA7DD #9F99D5 #948DCD

#E3E3FF - #B8B5E6 - #948DCD

CSS codes

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

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