#E3CDF8 - #976DC3 | 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 #E3CDF8 to #976DC3

#E3CDF8 #976DC3

Calculate the color between two colors, #E3CDF8 and #976DC3. 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)

#E3CDF8 - #976DC3 | 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 #E3CDF8 as 0% and #976DC3 as 100%.

0.0%	0.0% #E3CDF8	RGB 227 205 248	#E3CDF8
16.7%	16.7% #D6BDEF	RGB 214 189 239	#D6BDEF
33.3%	33.3% #C9ADE6	RGB 201 173 230	#C9ADE6
50.0%	50.0% #BD9DDD	RGB 189 157 221	#BD9DDD
66.7%	66.7% #B08DD4	RGB 176 141 212	#B08DD4
83.3%	83.3% #A37DCB	RGB 163 125 203	#A37DCB
100.0%	100.0% #976DC3	RGB 151 109 195	#976DC3

#E3CDF8 #D6BDEF #C9ADE6 #BD9DDD #B08DD4 #A37DCB #976DC3

#E3CDF8 - #976DC3

HSV Blend

#E3CDF8 - #976DC3 | 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 #E3CDF8 as 0% and #976DC3 as 100%.

0.0%	0.0% #E3CDF8	RGB 227 205 248	#E3CDF8
16.7%	16.7% #D5BBEF	RGB 213 187 239	#D5BBEF
33.3%	33.3% #C8A9E6	RGB 200 169 230	#C8A9E6
50.0%	50.0% #BB99DD	RGB 187 153 221	#BB99DD
66.7%	66.7% #AE89D4	RGB 174 137 212	#AE89D4
83.3%	83.3% #A27BCB	RGB 162 123 203	#A27BCB
100.0%	100.0% #976DC3	RGB 151 109 195	#976DC3

#E3CDF8 #D5BBEF #C8A9E6 #BB99DD #AE89D4 #A27BCB #976DC3

#E3CDF8 - #BB99DD - #976DC3

CSS codes

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

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