#E5C5D1 - #B5616C | 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 #E5C5D1 to #B5616C

#E5C5D1 #B5616C

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

#E5C5D1 - #B5616C | 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 #E5C5D1 as 0% and #B5616C as 100%.

0.0%	0.0% #E5C5D1	RGB 229 197 209	#E5C5D1
16.7%	16.7% #DDB4C0	RGB 221 180 192	#DDB4C0
33.3%	33.3% #D5A3AF	RGB 213 163 175	#D5A3AF
50.0%	50.0% #CD939E	RGB 205 147 158	#CD939E
66.7%	66.7% #C5828D	RGB 197 130 141	#C5828D
83.3%	83.3% #BD717C	RGB 189 113 124	#BD717C
100.0%	100.0% #B5616C	RGB 181 97 108	#B5616C

#E5C5D1 #DDB4C0 #D5A3AF #CD939E #C5828D #BD717C #B5616C

#E5C5D1 - #B5616C

HSV Blend

#E5C5D1 - #B5616C | 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 #E5C5D1 as 0% and #B5616C as 100%.

0.0%	0.0% #E5C5D1	RGB 229 197 209	#E5C5D1
16.7%	16.7% #DDB2C0	RGB 221 178 192	#DDB2C0
33.3%	33.3% #D5A0AF	RGB 213 160 175	#D5A0AF
50.0%	50.0% #CD8F9E	RGB 205 143 158	#CD8F9E
66.7%	66.7% #C57E8D	RGB 197 126 141	#C57E8D
83.3%	83.3% #BD6F7C	RGB 189 111 124	#BD6F7C
100.0%	100.0% #B5616C	RGB 181 97 108	#B5616C

#E5C5D1 #DDB2C0 #D5A0AF #CD8F9E #C57E8D #BD6F7C #B5616C

#E5C5D1 - #CD8F9E - #B5616C

CSS codes

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

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