#E5A8BD - #B54970 | 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 #E5A8BD to #B54970

#E5A8BD #B54970

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

#E5A8BD - #B54970 | 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 #E5A8BD as 0% and #B54970 as 100%.

0.0%	0.0% #E5A8BD	RGB 229 168 189	#E5A8BD
16.7%	16.7% #DD98B0	RGB 221 152 176	#DD98B0
33.3%	33.3% #D588A3	RGB 213 136 163	#D588A3
50.0%	50.0% #CD7896	RGB 205 120 150	#CD7896
66.7%	66.7% #C56889	RGB 197 104 137	#C56889
83.3%	83.3% #BD587C	RGB 189 88 124	#BD587C
100.0%	100.0% #B54970	RGB 181 73 112	#B54970

#E5A8BD #DD98B0 #D588A3 #CD7896 #C56889 #BD587C #B54970

#E5A8BD - #B54970

HSV Blend

#E5A8BD - #B54970 | 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 #E5A8BD as 0% and #B54970 as 100%.

0.0%	0.0% #E5A8BD	RGB 229 168 189	#E5A8BD
16.7%	16.7% #DD95AE	RGB 221 149 174	#DD95AE
33.3%	33.3% #D584A0	RGB 213 132 160	#D584A0
50.0%	50.0% #CD7493	RGB 205 116 147	#CD7493
66.7%	66.7% #C56587	RGB 197 101 135	#C56587
83.3%	83.3% #BD567B	RGB 189 86 123	#BD567B
100.0%	100.0% #B54970	RGB 181 73 112	#B54970

#E5A8BD #DD95AE #D584A0 #CD7493 #C56587 #BD567B #B54970

#E5A8BD - #CD7493 - #B54970

CSS codes

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

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