#CCA36B - #FFDC8B | 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 #CCA36B to #FFDC8B

#CCA36B #FFDC8B

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

#CCA36B - #FFDC8B | 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 #CCA36B as 0% and #FFDC8B as 100%.

0.0%	0.0% #CCA36B	RGB 204 163 107	#CCA36B
16.7%	16.7% #D4AC70	RGB 212 172 112	#D4AC70
33.3%	33.3% #DDB675	RGB 221 182 117	#DDB675
50.0%	50.0% #E5BF7B	RGB 229 191 123	#E5BF7B
66.7%	66.7% #EEC980	RGB 238 201 128	#EEC980
83.3%	83.3% #F6D285	RGB 246 210 133	#F6D285
100.0%	100.0% #FFDC8B	RGB 255 220 139	#FFDC8B

#CCA36B #D4AC70 #DDB675 #E5BF7B #EEC980 #F6D285 #FFDC8B

#CCA36B - #FFDC8B

HSV Blend

#CCA36B - #FFDC8B | 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 #CCA36B as 0% and #FFDC8B as 100%.

0.0%	0.0% #CCA36B	RGB 204 163 107	#CCA36B
16.7%	16.7% #D4AC70	RGB 212 172 112	#D4AC70
33.3%	33.3% #DDB575	RGB 221 181 117	#DDB575
50.0%	50.0% #E5BE7A	RGB 229 190 122	#E5BE7A
66.7%	66.7% #EEC880	RGB 238 200 128	#EEC880
83.3%	83.3% #F6D285	RGB 246 210 133	#F6D285
100.0%	100.0% #FFDC8B	RGB 255 220 139	#FFDC8B

#CCA36B #D4AC70 #DDB575 #E5BE7A #EEC880 #F6D285 #FFDC8B

#CCA36B - #E5BE7A - #FFDC8B

CSS codes

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

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