#EBE5E5 - #B48AA2 | 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 #B48AA2

#EBE5E5 #B48AA2

Calculate the color between two colors, #EBE5E5 and #B48AA2. 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 - #B48AA2 | 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 #B48AA2 as 100%.

0.0%	0.0% #EBE5E5	RGB 235 229 229	#EBE5E5
16.7%	16.7% #E1D5D9	RGB 225 213 217	#E1D5D9
33.3%	33.3% #D8C6CE	RGB 216 198 206	#D8C6CE
50.0%	50.0% #CFB7C3	RGB 207 183 195	#CFB7C3
66.7%	66.7% #C6A8B8	RGB 198 168 184	#C6A8B8
83.3%	83.3% #BD99AD	RGB 189 153 173	#BD99AD
100.0%	100.0% #B48AA2	RGB 180 138 162	#B48AA2

#EBE5E5 #E1D5D9 #D8C6CE #CFB7C3 #C6A8B8 #BD99AD #B48AA2

#EBE5E5 - #B48AA2

HSV Blend

#EBE5E5 - #B48AA2 | 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 #B48AA2 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% #CFB4BC	RGB 207 180 188	#CFB4BC
66.7%	66.7% #C6A5B2	RGB 198 165 178	#C6A5B2
83.3%	83.3% #BD97A9	RGB 189 151 169	#BD97A9
100.0%	100.0% #B48AA2	RGB 180 138 162	#B48AA2

#EBE5E5 #E1D4D5 #D8C4C8 #CFB4BC #C6A5B2 #BD97A9 #B48AA2

#EBE5E5 - #CFB4BC - #B48AA2

CSS codes

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

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