#E2E2FE - #829DD1 | 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 #E2E2FE to #829DD1

#E2E2FE #829DD1

Calculate the color between two colors, #E2E2FE and #829DD1. 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)

#E2E2FE - #829DD1 | 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 #E2E2FE as 0% and #829DD1 as 100%.

0.0%	0.0% #E2E2FE	RGB 226 226 254	#E2E2FE
16.7%	16.7% #D2D6F6	RGB 210 214 246	#D2D6F6
33.3%	33.3% #C2CBEF	RGB 194 203 239	#C2CBEF
50.0%	50.0% #B2BFE7	RGB 178 191 231	#B2BFE7
66.7%	66.7% #A2B4E0	RGB 162 180 224	#A2B4E0
83.3%	83.3% #92A8D8	RGB 146 168 216	#92A8D8
100.0%	100.0% #829DD1	RGB 130 157 209	#829DD1

#E2E2FE #D2D6F6 #C2CBEF #B2BFE7 #A2B4E0 #92A8D8 #829DD1

#E2E2FE - #829DD1

HSV Blend

#E2E2FE - #829DD1 | 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 #E2E2FE as 0% and #829DD1 as 100%.

0.0%	0.0% #E2E2FE	RGB 226 226 254	#E2E2FE
16.7%	16.7% #D0D2F6	RGB 208 210 246	#D0D2F6
33.3%	33.3% #BFC4EF	RGB 191 196 239	#BFC4EF
50.0%	50.0% #AEB8E7	RGB 174 184 231	#AEB8E7
66.7%	66.7% #9FAEE0	RGB 159 174 224	#9FAEE0
83.3%	83.3% #90A4D8	RGB 144 164 216	#90A4D8
100.0%	100.0% #829DD1	RGB 130 157 209	#829DD1

#E2E2FE #D0D2F6 #BFC4EF #AEB8E7 #9FAEE0 #90A4D8 #829DD1

#E2E2FE - #AEB8E7 - #829DD1

CSS codes

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

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