#EBE5E5 - #B48AA5 | 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 #EBE5E5 to #B48AA5

#EBE5E5 #B48AA5

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

#EBE5E5 - #B48AA5 | 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 #EBE5E5 as 0% and #B48AA5 as 100%.

0.0%	0.0% #EBE5E5	RGB 235 229 229	#EBE5E5
16.7%	16.7% #E1D5DA	RGB 225 213 218	#E1D5DA
33.3%	33.3% #D8C6CF	RGB 216 198 207	#D8C6CF
50.0%	50.0% #CFB7C5	RGB 207 183 197	#CFB7C5
66.7%	66.7% #C6A8BA	RGB 198 168 186	#C6A8BA
83.3%	83.3% #BD99AF	RGB 189 153 175	#BD99AF
100.0%	100.0% #B48AA5	RGB 180 138 165	#B48AA5

#EBE5E5 #E1D5DA #D8C6CF #CFB7C5 #C6A8BA #BD99AF #B48AA5

#EBE5E5 - #B48AA5

HSV Blend

#EBE5E5 - #B48AA5 | 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 #EBE5E5 as 0% and #B48AA5 as 100%.

0.0%	0.0% #EBE5E5	RGB 235 229 229	#EBE5E5
16.7%	16.7% #E1D4D5	RGB 225 212 213	#E1D4D5
33.3%	33.3% #D8C4C8	RGB 216 196 200	#D8C4C8
50.0%	50.0% #CFB4BD	RGB 207 180 189	#CFB4BD
66.7%	66.7% #C6A5B3	RGB 198 165 179	#C6A5B3
83.3%	83.3% #BD97AB	RGB 189 151 171	#BD97AB
100.0%	100.0% #B48AA5	RGB 180 138 165	#B48AA5

#EBE5E5 #E1D4D5 #D8C4C8 #CFB4BD #C6A5B3 #BD97AB #B48AA5

#EBE5E5 - #CFB4BD - #B48AA5

CSS codes

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

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