#E8A8C0 - #B94774 | 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 #E8A8C0 to #B94774

#E8A8C0 #B94774

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

#E8A8C0 - #B94774 | 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 #E8A8C0 as 0% and #B94774 as 100%.

0.0%	0.0% #E8A8C0	RGB 232 168 192	#E8A8C0
16.7%	16.7% #E097B3	RGB 224 151 179	#E097B3
33.3%	33.3% #D887A6	RGB 216 135 166	#D887A6
50.0%	50.0% #D0779A	RGB 208 119 154	#D0779A
66.7%	66.7% #C8678D	RGB 200 103 141	#C8678D
83.3%	83.3% #C05780	RGB 192 87 128	#C05780
100.0%	100.0% #B94774	RGB 185 71 116	#B94774

#E8A8C0 #E097B3 #D887A6 #D0779A #C8678D #C05780 #B94774

#E8A8C0 - #B94774

HSV Blend

#E8A8C0 - #B94774 | 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 #E8A8C0 as 0% and #B94774 as 100%.

0.0%	0.0% #E8A8C0	RGB 232 168 192	#E8A8C0
16.7%	16.7% #E095B1	RGB 224 149 177	#E095B1
33.3%	33.3% #D884A4	RGB 216 132 164	#D884A4
50.0%	50.0% #D07397	RGB 208 115 151	#D07397
66.7%	66.7% #C8638A	RGB 200 99 138	#C8638A
83.3%	83.3% #C0547F	RGB 192 84 127	#C0547F
100.0%	100.0% #B94774	RGB 185 71 116	#B94774

#E8A8C0 #E095B1 #D884A4 #D07397 #C8638A #C0547F #B94774

#E8A8C0 - #D07397 - #B94774

CSS codes

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

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