#EAE5E5 - #B28AA5 | 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 #EAE5E5 to #B28AA5

#EAE5E5 #B28AA5

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

#EAE5E5 - #B28AA5 | 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 #EAE5E5 as 0% and #B28AA5 as 100%.

0.0%	0.0% #EAE5E5	RGB 234 229 229	#EAE5E5
16.7%	16.7% #E0D5DA	RGB 224 213 218	#E0D5DA
33.3%	33.3% #D7C6CF	RGB 215 198 207	#D7C6CF
50.0%	50.0% #CEB7C5	RGB 206 183 197	#CEB7C5
66.7%	66.7% #C4A8BA	RGB 196 168 186	#C4A8BA
83.3%	83.3% #BB99AF	RGB 187 153 175	#BB99AF
100.0%	100.0% #B28AA5	RGB 178 138 165	#B28AA5

#EAE5E5 #E0D5DA #D7C6CF #CEB7C5 #C4A8BA #BB99AF #B28AA5

#EAE5E5 - #B28AA5

HSV Blend

#EAE5E5 - #B28AA5 | 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 #EAE5E5 as 0% and #B28AA5 as 100%.

0.0%	0.0% #EAE5E5	RGB 234 229 229	#EAE5E5
16.7%	16.7% #E0D4D5	RGB 224 212 213	#E0D4D5
33.3%	33.3% #D7C4C8	RGB 215 196 200	#D7C4C8
50.0%	50.0% #CEB4BD	RGB 206 180 189	#CEB4BD
66.7%	66.7% #C4A5B3	RGB 196 165 179	#C4A5B3
83.3%	83.3% #BB97AB	RGB 187 151 171	#BB97AB
100.0%	100.0% #B28AA5	RGB 178 138 165	#B28AA5

#EAE5E5 #E0D4D5 #D7C4C8 #CEB4BD #C4A5B3 #BB97AB #B28AA5

#EAE5E5 - #CEB4BD - #B28AA5

CSS codes

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

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