#E3E7F7 - #948DC1 | 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 #E3E7F7 to #948DC1

#E3E7F7 #948DC1

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

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

0.0%	0.0% #E3E7F7	RGB 227 231 247	#E3E7F7
16.7%	16.7% #D5D8EE	RGB 213 216 238	#D5D8EE
33.3%	33.3% #C8C9E5	RGB 200 201 229	#C8C9E5
50.0%	50.0% #BBBADC	RGB 187 186 220	#BBBADC
66.7%	66.7% #AEABD3	RGB 174 171 211	#AEABD3
83.3%	83.3% #A19CCA	RGB 161 156 202	#A19CCA
100.0%	100.0% #948DC1	RGB 148 141 193	#948DC1

#E3E7F7 #D5D8EE #C8C9E5 #BBBADC #AEABD3 #A19CCA #948DC1

#E3E7F7 - #948DC1

HSV Blend

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

0.0%	0.0% #E3E7F7	RGB 227 231 247	#E3E7F7
16.7%	16.7% #D3D7EE	RGB 211 215 238	#D3D7EE
33.3%	33.3% #C4C6E5	RGB 196 198 229	#C4C6E5
50.0%	50.0% #B5B6DC	RGB 181 182 220	#B5B6DC
66.7%	66.7% #A8A7D3	RGB 168 167 211	#A8A7D3
83.3%	83.3% #9D99CA	RGB 157 153 202	#9D99CA
100.0%	100.0% #948DC1	RGB 148 141 193	#948DC1

#E3E7F7 #D3D7EE #C4C6E5 #B5B6DC #A8A7D3 #9D99CA #948DC1

#E3E7F7 - #B5B6DC - #948DC1

CSS codes

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

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