#EDA2AC - #BA475E | 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 #EDA2AC to #BA475E

#EDA2AC #BA475E

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

#EDA2AC - #BA475E | 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 #EDA2AC as 0% and #BA475E as 100%.

0.0%	0.0% #EDA2AC	RGB 237 162 172	#EDA2AC
16.7%	16.7% #E4929F	RGB 228 146 159	#E4929F
33.3%	33.3% #DC8392	RGB 220 131 146	#DC8392
50.0%	50.0% #D37485	RGB 211 116 133	#D37485
66.7%	66.7% #CB6578	RGB 203 101 120	#CB6578
83.3%	83.3% #C2566B	RGB 194 86 107	#C2566B
100.0%	100.0% #BA475E	RGB 186 71 94	#BA475E

#EDA2AC #E4929F #DC8392 #D37485 #CB6578 #C2566B #BA475E

#EDA2AC - #BA475E

HSV Blend

#EDA2AC - #BA475E | 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 #EDA2AC as 0% and #BA475E as 100%.

0.0%	0.0% #EDA2AC	RGB 237 162 172	#EDA2AC
16.7%	16.7% #E4909C	RGB 228 144 156	#E4909C
33.3%	33.3% #DC808E	RGB 220 128 142	#DC808E
50.0%	50.0% #D37081	RGB 211 112 129	#D37081
66.7%	66.7% #CB6174	RGB 203 97 116	#CB6174
83.3%	83.3% #C25468	RGB 194 84 104	#C25468
100.0%	100.0% #BA475E	RGB 186 71 94	#BA475E

#EDA2AC #E4909C #DC808E #D37081 #CB6174 #C25468 #BA475E

#EDA2AC - #D37081 - #BA475E

CSS codes

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

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