#E4A2B2 - #BD4D5C | 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 #E4A2B2 to #BD4D5C

#E4A2B2 #BD4D5C

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

#E4A2B2 - #BD4D5C | 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 #E4A2B2 as 0% and #BD4D5C as 100%.

0.0%	0.0% #E4A2B2	RGB 228 162 178	#E4A2B2
16.7%	16.7% #DD93A3	RGB 221 147 163	#DD93A3
33.3%	33.3% #D78595	RGB 215 133 149	#D78595
50.0%	50.0% #D07787	RGB 208 119 135	#D07787
66.7%	66.7% #CA6978	RGB 202 105 120	#CA6978
83.3%	83.3% #C35B6A	RGB 195 91 106	#C35B6A
100.0%	100.0% #BD4D5C	RGB 189 77 92	#BD4D5C

#E4A2B2 #DD93A3 #D78595 #D07787 #CA6978 #C35B6A #BD4D5C

#E4A2B2 - #BD4D5C

HSV Blend

#E4A2B2 - #BD4D5C | 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 #E4A2B2 as 0% and #BD4D5C as 100%.

0.0%	0.0% #E4A2B2	RGB 228 162 178	#E4A2B2
16.7%	16.7% #DD92A3	RGB 221 146 163	#DD92A3
33.3%	33.3% #D78394	RGB 215 131 148	#D78394
50.0%	50.0% #D07485	RGB 208 116 133	#D07485
66.7%	66.7% #CA6677	RGB 202 102 119	#CA6677
83.3%	83.3% #C35969	RGB 195 89 105	#C35969
100.0%	100.0% #BD4D5C	RGB 189 77 92	#BD4D5C

#E4A2B2 #DD92A3 #D78394 #D07485 #CA6677 #C35969 #BD4D5C

#E4A2B2 - #D07485 - #BD4D5C

CSS codes

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

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