#E5E4E7 - #BA9ACE | 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 #E5E4E7 to #BA9ACE

#E5E4E7 #BA9ACE

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

#E5E4E7 - #BA9ACE | 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 #E5E4E7 as 0% and #BA9ACE as 100%.

0.0%	0.0% #E5E4E7	RGB 229 228 231	#E5E4E7
16.7%	16.7% #DDD7E2	RGB 221 215 226	#DDD7E2
33.3%	33.3% #D6CBDE	RGB 214 203 222	#D6CBDE
50.0%	50.0% #CFBFDA	RGB 207 191 218	#CFBFDA
66.7%	66.7% #C8B2D6	RGB 200 178 214	#C8B2D6
83.3%	83.3% #C1A6D2	RGB 193 166 210	#C1A6D2
100.0%	100.0% #BA9ACE	RGB 186 154 206	#BA9ACE

#E5E4E7 #DDD7E2 #D6CBDE #CFBFDA #C8B2D6 #C1A6D2 #BA9ACE

#E5E4E7 - #BA9ACE

HSV Blend

#E5E4E7 - #BA9ACE | 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 #E5E4E7 as 0% and #BA9ACE as 100%.

0.0%	0.0% #E5E4E7	RGB 229 228 231	#E5E4E7
16.7%	16.7% #DBD6E2	RGB 219 214 226	#DBD6E2
33.3%	33.3% #D2CADE	RGB 210 202 222	#D2CADE
50.0%	50.0% #CBBDDA	RGB 203 189 218	#CBBDDA
66.7%	66.7% #C4B1D6	RGB 196 177 214	#C4B1D6
83.3%	83.3% #BEA5D2	RGB 190 165 210	#BEA5D2
100.0%	100.0% #BA9ACE	RGB 186 154 206	#BA9ACE

#E5E4E7 #DBD6E2 #D2CADE #CBBDDA #C4B1D6 #BEA5D2 #BA9ACE

#E5E4E7 - #CBBDDA - #BA9ACE

CSS codes

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

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