#A29ECC - #E4E3F0 | 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 #A29ECC to #E4E3F0

#A29ECC #E4E3F0

Calculate the color between two colors, #A29ECC and #E4E3F0. 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)

#A29ECC - #E4E3F0 | 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 #A29ECC as 0% and #E4E3F0 as 100%.

0.0%	0.0% #A29ECC	RGB 162 158 204	#A29ECC
16.7%	16.7% #ADA9D2	RGB 173 169 210	#ADA9D2
33.3%	33.3% #B8B5D8	RGB 184 181 216	#B8B5D8
50.0%	50.0% #C3C0DE	RGB 195 192 222	#C3C0DE
66.7%	66.7% #CECCE4	RGB 206 204 228	#CECCE4
83.3%	83.3% #D9D7EA	RGB 217 215 234	#D9D7EA
100.0%	100.0% #E4E3F0	RGB 228 227 240	#E4E3F0

#A29ECC #ADA9D2 #B8B5D8 #C3C0DE #CECCE4 #D9D7EA #E4E3F0

#A29ECC - #E4E3F0

HSV Blend

#A29ECC - #E4E3F0 | 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 #A29ECC as 0% and #E4E3F0 as 100%.

0.0%	0.0% #A29ECC	RGB 162 158 204	#A29ECC
16.7%	16.7% #ACA8D2	RGB 172 168 210	#ACA8D2
33.3%	33.3% #B6B3D8	RGB 182 179 216	#B6B3D8
50.0%	50.0% #C1BEDE	RGB 193 190 222	#C1BEDE
66.7%	66.7% #CCCAE4	RGB 204 202 228	#CCCAE4
83.3%	83.3% #D8D6EA	RGB 216 214 234	#D8D6EA
100.0%	100.0% #E4E3F0	RGB 228 227 240	#E4E3F0

#A29ECC #ACA8D2 #B6B3D8 #C1BEDE #CCCAE4 #D8D6EA #E4E3F0

#A29ECC - #C1BEDE - #E4E3F0

CSS codes

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

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