#E5E2EA - #A092AE | 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 #E5E2EA to #A092AE

#E5E2EA #A092AE

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

#E5E2EA - #A092AE | 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 #E5E2EA as 0% and #A092AE as 100%.

0.0%	0.0% #E5E2EA	RGB 229 226 234	#E5E2EA
16.7%	16.7% #D9D4E0	RGB 217 212 224	#D9D4E0
33.3%	33.3% #CEC7D6	RGB 206 199 214	#CEC7D6
50.0%	50.0% #C2BACC	RGB 194 186 204	#C2BACC
66.7%	66.7% #B7ACC2	RGB 183 172 194	#B7ACC2
83.3%	83.3% #AB9FB8	RGB 171 159 184	#AB9FB8
100.0%	100.0% #A092AE	RGB 160 146 174	#A092AE

#E5E2EA #D9D4E0 #CEC7D6 #C2BACC #B7ACC2 #AB9FB8 #A092AE

#E5E2EA - #A092AE

HSV Blend

#E5E2EA - #A092AE | 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 #E5E2EA as 0% and #A092AE as 100%.

0.0%	0.0% #E5E2EA	RGB 229 226 234	#E5E2EA
16.7%	16.7% #D8D3E0	RGB 216 211 224	#D8D3E0
33.3%	33.3% #CCC5D6	RGB 204 197 214	#CCC5D6
50.0%	50.0% #C0B8CC	RGB 192 184 204	#C0B8CC
66.7%	66.7% #B5AAC2	RGB 181 170 194	#B5AAC2
83.3%	83.3% #AA9EB8	RGB 170 158 184	#AA9EB8
100.0%	100.0% #A092AE	RGB 160 146 174	#A092AE

#E5E2EA #D8D3E0 #CCC5D6 #C0B8CC #B5AAC2 #AA9EB8 #A092AE

#E5E2EA - #C0B8CC - #A092AE

CSS codes

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

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