#E5E1E4 - #B5809C | 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 #E5E1E4 to #B5809C

#E5E1E4 #B5809C

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

#E5E1E4 - #B5809C | 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 #E5E1E4 as 0% and #B5809C as 100%.

0.0%	0.0% #E5E1E4	RGB 229 225 228	#E5E1E4
16.7%	16.7% #DDD0D8	RGB 221 208 216	#DDD0D8
33.3%	33.3% #D5C0CC	RGB 213 192 204	#D5C0CC
50.0%	50.0% #CDB0C0	RGB 205 176 192	#CDB0C0
66.7%	66.7% #C5A0B4	RGB 197 160 180	#C5A0B4
83.3%	83.3% #BD90A8	RGB 189 144 168	#BD90A8
100.0%	100.0% #B5809C	RGB 181 128 156	#B5809C

#E5E1E4 #DDD0D8 #D5C0CC #CDB0C0 #C5A0B4 #BD90A8 #B5809C

#E5E1E4 - #B5809C

HSV Blend

#E5E1E4 - #B5809C | 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 #E5E1E4 as 0% and #B5809C as 100%.

0.0%	0.0% #E5E1E4	RGB 229 225 228	#E5E1E4
16.7%	16.7% #DDCED8	RGB 221 206 216	#DDCED8
33.3%	33.3% #D5BDCD	RGB 213 189 205	#D5BDCD
50.0%	50.0% #CDADC1	RGB 205 173 193	#CDADC1
66.7%	66.7% #C59DB5	RGB 197 157 181	#C59DB5
83.3%	83.3% #BD8EA8	RGB 189 142 168	#BD8EA8
100.0%	100.0% #B5809C	RGB 181 128 156	#B5809C

#E5E1E4 #DDCED8 #D5BDCD #CDADC1 #C59DB5 #BD8EA8 #B5809C

#E5E1E4 - #CDADC1 - #B5809C

CSS codes

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

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