#C48D4D - #FFCC6B | 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 #C48D4D to #FFCC6B

#C48D4D #FFCC6B

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

#C48D4D - #FFCC6B | 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 #C48D4D as 0% and #FFCC6B as 100%.

0.0%	0.0% #C48D4D	RGB 196 141 77	#C48D4D
16.7%	16.7% #CD9752	RGB 205 151 82	#CD9752
33.3%	33.3% #D7A257	RGB 215 162 87	#D7A257
50.0%	50.0% #E1AC5C	RGB 225 172 92	#E1AC5C
66.7%	66.7% #EBB761	RGB 235 183 97	#EBB761
83.3%	83.3% #F5C166	RGB 245 193 102	#F5C166
100.0%	100.0% #FFCC6B	RGB 255 204 107	#FFCC6B

#C48D4D #CD9752 #D7A257 #E1AC5C #EBB761 #F5C166 #FFCC6B

#C48D4D - #FFCC6B

HSV Blend

#C48D4D - #FFCC6B | 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 #C48D4D as 0% and #FFCC6B as 100%.

0.0%	0.0% #C48D4D	RGB 196 141 77	#C48D4D
16.7%	16.7% #CD9651	RGB 205 150 81	#CD9651
33.3%	33.3% #D7A156	RGB 215 161 86	#D7A156
50.0%	50.0% #E1AB5B	RGB 225 171 91	#E1AB5B
66.7%	66.7% #EBB660	RGB 235 182 96	#EBB660
83.3%	83.3% #F5C065	RGB 245 192 101	#F5C065
100.0%	100.0% #FFCC6B	RGB 255 204 107	#FFCC6B

#C48D4D #CD9651 #D7A156 #E1AB5B #EBB660 #F5C065 #FFCC6B

#C48D4D - #E1AB5B - #FFCC6B

CSS codes

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

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