#E7E6F3 - #A99ACB | 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 #E7E6F3 to #A99ACB

#E7E6F3 #A99ACB

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

#E7E6F3 - #A99ACB | 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 #E7E6F3 as 0% and #A99ACB as 100%.

0.0%	0.0% #E7E6F3	RGB 231 230 243	#E7E6F3
16.7%	16.7% #DCD9EC	RGB 220 217 236	#DCD9EC
33.3%	33.3% #D2CCE5	RGB 210 204 229	#D2CCE5
50.0%	50.0% #C8C0DF	RGB 200 192 223	#C8C0DF
66.7%	66.7% #BDB3D8	RGB 189 179 216	#BDB3D8
83.3%	83.3% #B3A6D1	RGB 179 166 209	#B3A6D1
100.0%	100.0% #A99ACB	RGB 169 154 203	#A99ACB

#E7E6F3 #DCD9EC #D2CCE5 #C8C0DF #BDB3D8 #B3A6D1 #A99ACB

#E7E6F3 - #A99ACB

HSV Blend

#E7E6F3 - #A99ACB | 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 #E7E6F3 as 0% and #A99ACB as 100%.

0.0%	0.0% #E7E6F3	RGB 231 230 243	#E7E6F3
16.7%	16.7% #DAD8EC	RGB 218 216 236	#DAD8EC
33.3%	33.3% #CFCAE5	RGB 207 202 229	#CFCAE5
50.0%	50.0% #C4BEDF	RGB 196 190 223	#C4BEDF
66.7%	66.7% #BAB1D8	RGB 186 177 216	#BAB1D8
83.3%	83.3% #B1A5D1	RGB 177 165 209	#B1A5D1
100.0%	100.0% #A99ACB	RGB 169 154 203	#A99ACB

#E7E6F3 #DAD8EC #CFCAE5 #C4BEDF #BAB1D8 #B1A5D1 #A99ACB

#E7E6F3 - #C4BEDF - #A99ACB

CSS codes

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

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