#C48D5E - #FEE47C | 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 #C48D5E to #FEE47C

#C48D5E #FEE47C

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

#C48D5E - #FEE47C | 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 #C48D5E as 0% and #FEE47C as 100%.

0.0%	0.0% #C48D5E	RGB 196 141 94	#C48D5E
16.7%	16.7% #CD9B63	RGB 205 155 99	#CD9B63
33.3%	33.3% #D7AA68	RGB 215 170 104	#D7AA68
50.0%	50.0% #E1B86D	RGB 225 184 109	#E1B86D
66.7%	66.7% #EAC772	RGB 234 199 114	#EAC772
83.3%	83.3% #F4D577	RGB 244 213 119	#F4D577
100.0%	100.0% #FEE47C	RGB 254 228 124	#FEE47C

#C48D5E #CD9B63 #D7AA68 #E1B86D #EAC772 #F4D577 #FEE47C

#C48D5E - #FEE47C

HSV Blend

#C48D5E - #FEE47C | 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 #C48D5E as 0% and #FEE47C as 100%.

0.0%	0.0% #C48D5E	RGB 196 141 94	#C48D5E
16.7%	16.7% #CD9A62	RGB 205 154 98	#CD9A62
33.3%	33.3% #D7A767	RGB 215 167 103	#D7A767
50.0%	50.0% #E1B66C	RGB 225 182 108	#E1B66C
66.7%	66.7% #EAC471	RGB 234 196 113	#EAC471
83.3%	83.3% #F4D476	RGB 244 212 118	#F4D476
100.0%	100.0% #FEE47C	RGB 254 228 124	#FEE47C

#C48D5E #CD9A62 #D7A767 #E1B66C #EAC471 #F4D476 #FEE47C

#C48D5E - #E1B66C - #FEE47C

CSS codes

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

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