#C48D4B - #FFCC68 | 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 #C48D4B to #FFCC68

#C48D4B #FFCC68

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

#C48D4B - #FFCC68 | 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 #C48D4B as 0% and #FFCC68 as 100%.

0.0%	0.0% #C48D4B	RGB 196 141 75	#C48D4B
16.7%	16.7% #CD974F	RGB 205 151 79	#CD974F
33.3%	33.3% #D7A254	RGB 215 162 84	#D7A254
50.0%	50.0% #E1AC59	RGB 225 172 89	#E1AC59
66.7%	66.7% #EBB75E	RGB 235 183 94	#EBB75E
83.3%	83.3% #F5C163	RGB 245 193 99	#F5C163
100.0%	100.0% #FFCC68	RGB 255 204 104	#FFCC68

#C48D4B #CD974F #D7A254 #E1AC59 #EBB75E #F5C163 #FFCC68

#C48D4B - #FFCC68

HSV Blend

#C48D4B - #FFCC68 | 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 #C48D4B as 0% and #FFCC68 as 100%.

0.0%	0.0% #C48D4B	RGB 196 141 75	#C48D4B
16.7%	16.7% #CD964F	RGB 205 150 79	#CD964F
33.3%	33.3% #D7A154	RGB 215 161 84	#D7A154
50.0%	50.0% #E1AB59	RGB 225 171 89	#E1AB59
66.7%	66.7% #EBB65E	RGB 235 182 94	#EBB65E
83.3%	83.3% #F5C062	RGB 245 192 98	#F5C062
100.0%	100.0% #FFCC68	RGB 255 204 104	#FFCC68

#C48D4B #CD964F #D7A154 #E1AB59 #EBB65E #F5C062 #FFCC68

#C48D4B - #E1AB59 - #FFCC68

CSS codes

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

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