#E8A1C7 - #BA397C | 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 #E8A1C7 to #BA397C

#E8A1C7 #BA397C

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

#E8A1C7 - #BA397C | 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 #E8A1C7 as 0% and #BA397C as 100%.

0.0%	0.0% #E8A1C7	RGB 232 161 199	#E8A1C7
16.7%	16.7% #E08FBA	RGB 224 143 186	#E08FBA
33.3%	33.3% #D87EAE	RGB 216 126 174	#D87EAE
50.0%	50.0% #D16DA1	RGB 209 109 161	#D16DA1
66.7%	66.7% #C95B95	RGB 201 91 149	#C95B95
83.3%	83.3% #C14A88	RGB 193 74 136	#C14A88
100.0%	100.0% #BA397C	RGB 186 57 124	#BA397C

#E8A1C7 #E08FBA #D87EAE #D16DA1 #C95B95 #C14A88 #BA397C

#E8A1C7 - #BA397C

HSV Blend

#E8A1C7 - #BA397C | 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 #E8A1C7 as 0% and #BA397C as 100%.

0.0%	0.0% #E8A1C7	RGB 232 161 199	#E8A1C7
16.7%	16.7% #E08DB9	RGB 224 141 185	#E08DB9
33.3%	33.3% #D87AAC	RGB 216 122 172	#D87AAC
50.0%	50.0% #D1689F	RGB 209 104 159	#D1689F
66.7%	66.7% #C95793	RGB 201 87 147	#C95793
83.3%	83.3% #C14787	RGB 193 71 135	#C14787
100.0%	100.0% #BA397C	RGB 186 57 124	#BA397C

#E8A1C7 #E08DB9 #D87AAC #D1689F #C95793 #C14787 #BA397C

#E8A1C7 - #D1689F - #BA397C

CSS codes

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

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