#E5C8C8 - #BA5A5E | 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 #E5C8C8 to #BA5A5E

#E5C8C8 #BA5A5E

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

#E5C8C8 - #BA5A5E | 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 #E5C8C8 as 0% and #BA5A5E as 100%.

0.0%	0.0% #E5C8C8	RGB 229 200 200	#E5C8C8
16.7%	16.7% #DDB5B6	RGB 221 181 182	#DDB5B6
33.3%	33.3% #D6A3A4	RGB 214 163 164	#D6A3A4
50.0%	50.0% #CF9193	RGB 207 145 147	#CF9193
66.7%	66.7% #C87E81	RGB 200 126 129	#C87E81
83.3%	83.3% #C16C6F	RGB 193 108 111	#C16C6F
100.0%	100.0% #BA5A5E	RGB 186 90 94	#BA5A5E

#E5C8C8 #DDB5B6 #D6A3A4 #CF9193 #C87E81 #C16C6F #BA5A5E

#E5C8C8 - #BA5A5E

HSV Blend

#E5C8C8 - #BA5A5E | 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 #E5C8C8 as 0% and #BA5A5E as 100%.

0.0%	0.0% #E5C8C8	RGB 229 200 200	#E5C8C8
16.7%	16.7% #DDB3B3	RGB 221 179 179	#DDB3B3
33.3%	33.3% #D69FA0	RGB 214 159 160	#D69FA0
50.0%	50.0% #CF8C8E	RGB 207 140 142	#CF8C8E
66.7%	66.7% #C87A7D	RGB 200 122 125	#C87A7D
83.3%	83.3% #C16A6D	RGB 193 106 109	#C16A6D
100.0%	100.0% #BA5A5E	RGB 186 90 94	#BA5A5E

#E5C8C8 #DDB3B3 #D69FA0 #CF8C8E #C87A7D #C16A6D #BA5A5E

#E5C8C8 - #CF8C8E - #BA5A5E

CSS codes

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

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