#EAB3C2 - #BB5776 | 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 #EAB3C2 to #BB5776

#EAB3C2 #BB5776

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

#EAB3C2 - #BB5776 | 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 #EAB3C2 as 0% and #BB5776 as 100%.

0.0%	0.0% #EAB3C2	RGB 234 179 194	#EAB3C2
16.7%	16.7% #E2A3B5	RGB 226 163 181	#E2A3B5
33.3%	33.3% #DA94A8	RGB 218 148 168	#DA94A8
50.0%	50.0% #D2859C	RGB 210 133 156	#D2859C
66.7%	66.7% #CA758F	RGB 202 117 143	#CA758F
83.3%	83.3% #C26682	RGB 194 102 130	#C26682
100.0%	100.0% #BB5776	RGB 187 87 118	#BB5776

#EAB3C2 #E2A3B5 #DA94A8 #D2859C #CA758F #C26682 #BB5776

#EAB3C2 - #BB5776

HSV Blend

#EAB3C2 - #BB5776 | 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 #EAB3C2 as 0% and #BB5776 as 100%.

0.0%	0.0% #EAB3C2	RGB 234 179 194	#EAB3C2
16.7%	16.7% #E2A1B3	RGB 226 161 179	#E2A1B3
33.3%	33.3% #DA91A6	RGB 218 145 166	#DA91A6
50.0%	50.0% #D28199	RGB 210 129 153	#D28199
66.7%	66.7% #CA728C	RGB 202 114 140	#CA728C
83.3%	83.3% #C26481	RGB 194 100 129	#C26481
100.0%	100.0% #BB5776	RGB 187 87 118	#BB5776

#EAB3C2 #E2A1B3 #DA91A6 #D28199 #CA728C #C26481 #BB5776

#EAB3C2 - #D28199 - #BB5776

CSS codes

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

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