#EDA6A8 - #B94F59 | 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 #EDA6A8 to #B94F59

#EDA6A8 #B94F59

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

#EDA6A8 - #B94F59 | 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 #EDA6A8 as 0% and #B94F59 as 100%.

0.0%	0.0% #EDA6A8	RGB 237 166 168	#EDA6A8
16.7%	16.7% #E4979A	RGB 228 151 154	#E4979A
33.3%	33.3% #DB898D	RGB 219 137 141	#DB898D
50.0%	50.0% #D37A80	RGB 211 122 128	#D37A80
66.7%	66.7% #CA6C73	RGB 202 108 115	#CA6C73
83.3%	83.3% #C15D66	RGB 193 93 102	#C15D66
100.0%	100.0% #B94F59	RGB 185 79 89	#B94F59

#EDA6A8 #E4979A #DB898D #D37A80 #CA6C73 #C15D66 #B94F59

#EDA6A8 - #B94F59

HSV Blend

#EDA6A8 - #B94F59 | 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 #EDA6A8 as 0% and #B94F59 as 100%.

0.0%	0.0% #EDA6A8	RGB 237 166 168	#EDA6A8
16.7%	16.7% #E49598	RGB 228 149 152	#E49598
33.3%	33.3% #DB858A	RGB 219 133 138	#DB858A
50.0%	50.0% #D3767C	RGB 211 118 124	#D3767C
66.7%	66.7% #CA686F	RGB 202 104 111	#CA686F
83.3%	83.3% #C15B64	RGB 193 91 100	#C15B64
100.0%	100.0% #B94F59	RGB 185 79 89	#B94F59

#EDA6A8 #E49598 #DB858A #D3767C #CA686F #C15B64 #B94F59

#EDA6A8 - #D3767C - #B94F59

CSS codes

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

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