#988C5E - #EC7CA6 | 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 #988C5E to #EC7CA6

#988C5E #EC7CA6

Calculate the color between two colors, #988C5E and #EC7CA6. 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)

#988C5E - #EC7CA6 | 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 #988C5E as 0% and #EC7CA6 as 100%.

0.0%	0.0% #988C5E	RGB 152 140 94	#988C5E
16.7%	16.7% #A6896A	RGB 166 137 106	#A6896A
33.3%	33.3% #B48676	RGB 180 134 118	#B48676
50.0%	50.0% #C28482	RGB 194 132 130	#C28482
66.7%	66.7% #D0818E	RGB 208 129 142	#D0818E
83.3%	83.3% #DE7E9A	RGB 222 126 154	#DE7E9A
100.0%	100.0% #EC7CA6	RGB 236 124 166	#EC7CA6

#988C5E #A6896A #B48676 #C28482 #D0818E #DE7E9A #EC7CA6

#988C5E - #EC7CA6

HSV Blend

#988C5E - #EC7CA6 | 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 #988C5E as 0% and #EC7CA6 as 100%.

0.0%	0.0% #988C5E	RGB 152 140 94	#988C5E
16.7%	16.7% #A68B64	RGB 166 139 100	#A68B64
33.3%	33.3% #B48769	RGB 180 135 105	#B48769
50.0%	50.0% #C2806E	RGB 194 128 110	#C2806E
66.7%	66.7% #D07573	RGB 208 117 115	#D07573
83.3%	83.3% #DE788A	RGB 222 120 138	#DE788A
100.0%	100.0% #EC7CA6	RGB 236 124 166	#EC7CA6

#988C5E #A68B64 #B48769 #C2806E #D07573 #DE788A #EC7CA6

#988C5E - #C2806E - #EC7CA6

CSS codes

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

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