#E4E3E3 - #B57EB1 | 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 #E4E3E3 to #B57EB1

#E4E3E3 #B57EB1

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

#E4E3E3 - #B57EB1 | 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 #E4E3E3 as 0% and #B57EB1 as 100%.

0.0%	0.0% #E4E3E3	RGB 228 227 227	#E4E3E3
16.7%	16.7% #DCD2DA	RGB 220 210 218	#DCD2DA
33.3%	33.3% #D4C1D2	RGB 212 193 210	#D4C1D2
50.0%	50.0% #CCB0CA	RGB 204 176 202	#CCB0CA
66.7%	66.7% #C49FC1	RGB 196 159 193	#C49FC1
83.3%	83.3% #BC8EB9	RGB 188 142 185	#BC8EB9
100.0%	100.0% #B57EB1	RGB 181 126 177	#B57EB1

#E4E3E3 #DCD2DA #D4C1D2 #CCB0CA #C49FC1 #BC8EB9 #B57EB1

#E4E3E3 - #B57EB1

HSV Blend

#E4E3E3 - #B57EB1 | 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 #E4E3E3 as 0% and #B57EB1 as 100%.

0.0%	0.0% #E4E3E3	RGB 228 227 227	#E4E3E3
16.7%	16.7% #DCD0D2	RGB 220 208 210	#DCD0D2
33.3%	33.3% #D4BEC5	RGB 212 190 197	#D4BEC5
50.0%	50.0% #CCACBB	RGB 204 172 187	#CCACBB
66.7%	66.7% #C49CB5	RGB 196 156 181	#C49CB5
83.3%	83.3% #BC8CB1	RGB 188 140 177	#BC8CB1
100.0%	100.0% #B57EB1	RGB 181 126 177	#B57EB1

#E4E3E3 #DCD0D2 #D4BEC5 #CCACBB #C49CB5 #BC8CB1 #B57EB1

#E4E3E3 - #CCACBB - #B57EB1

CSS codes

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

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