#E6B99E - #CD7248 | 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 #E6B99E to #CD7248

#E6B99E #CD7248

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

#E6B99E - #CD7248 | 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 #E6B99E as 0% and #CD7248 as 100%.

0.0%	0.0% #E6B99E	RGB 230 185 158	#E6B99E
16.7%	16.7% #E1AD8F	RGB 225 173 143	#E1AD8F
33.3%	33.3% #DDA181	RGB 221 161 129	#DDA181
50.0%	50.0% #D99573	RGB 217 149 115	#D99573
66.7%	66.7% #D58964	RGB 213 137 100	#D58964
83.3%	83.3% #D17D56	RGB 209 125 86	#D17D56
100.0%	100.0% #CD7248	RGB 205 114 72	#CD7248

#E6B99E #E1AD8F #DDA181 #D99573 #D58964 #D17D56 #CD7248

#E6B99E - #CD7248

HSV Blend

#E6B99E - #CD7248 | 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 #E6B99E as 0% and #CD7248 as 100%.

0.0%	0.0% #E6B99E	RGB 230 185 158	#E6B99E
16.7%	16.7% #E1AC8E	RGB 225 172 142	#E1AC8E
33.3%	33.3% #DDA07F	RGB 221 160 127	#DDA07F
50.0%	50.0% #D99570	RGB 217 149 112	#D99570
66.7%	66.7% #D58962	RGB 213 137 98	#D58962
83.3%	83.3% #D17D55	RGB 209 125 85	#D17D55
100.0%	100.0% #CD7248	RGB 205 114 72	#CD7248

#E6B99E #E1AC8E #DDA07F #D99570 #D58962 #D17D55 #CD7248

#E6B99E - #D99570 - #CD7248

CSS codes

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

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