#CAA54B - #FFDA6C | 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 #CAA54B to #FFDA6C

#CAA54B #FFDA6C

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

#CAA54B - #FFDA6C | 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 #CAA54B as 0% and #FFDA6C as 100%.

0.0%	0.0% #CAA54B	RGB 202 165 75	#CAA54B
16.7%	16.7% #D2AD50	RGB 210 173 80	#D2AD50
33.3%	33.3% #DBB656	RGB 219 182 86	#DBB656
50.0%	50.0% #E4BF5B	RGB 228 191 91	#E4BF5B
66.7%	66.7% #EDC861	RGB 237 200 97	#EDC861
83.3%	83.3% #F6D166	RGB 246 209 102	#F6D166
100.0%	100.0% #FFDA6C	RGB 255 218 108	#FFDA6C

#CAA54B #D2AD50 #DBB656 #E4BF5B #EDC861 #F6D166 #FFDA6C

#CAA54B - #FFDA6C

HSV Blend

#CAA54B - #FFDA6C | 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 #CAA54B as 0% and #FFDA6C as 100%.

0.0%	0.0% #CAA54B	RGB 202 165 75	#CAA54B
16.7%	16.7% #D2AD50	RGB 210 173 80	#D2AD50
33.3%	33.3% #DBB655	RGB 219 182 85	#DBB655
50.0%	50.0% #E4BF5A	RGB 228 191 90	#E4BF5A
66.7%	66.7% #EDC760	RGB 237 199 96	#EDC760
83.3%	83.3% #F6D066	RGB 246 208 102	#F6D066
100.0%	100.0% #FFDA6C	RGB 255 218 108	#FFDA6C

#CAA54B #D2AD50 #DBB655 #E4BF5A #EDC760 #F6D066 #FFDA6C

#CAA54B - #E4BF5A - #FFDA6C

CSS codes

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

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