#CAA53C - #FFD95E | 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 #CAA53C to #FFD95E

#CAA53C #FFD95E

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

#CAA53C - #FFD95E | 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 #CAA53C as 0% and #FFD95E as 100%.

0.0%	0.0% #CAA53C	RGB 202 165 60	#CAA53C
16.7%	16.7% #D2AD41	RGB 210 173 65	#D2AD41
33.3%	33.3% #DBB647	RGB 219 182 71	#DBB647
50.0%	50.0% #E4BF4D	RGB 228 191 77	#E4BF4D
66.7%	66.7% #EDC752	RGB 237 199 82	#EDC752
83.3%	83.3% #F6D058	RGB 246 208 88	#F6D058
100.0%	100.0% #FFD95E	RGB 255 217 94	#FFD95E

#CAA53C #D2AD41 #DBB647 #E4BF4D #EDC752 #F6D058 #FFD95E

#CAA53C - #FFD95E

HSV Blend

#CAA53C - #FFD95E | 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 #CAA53C as 0% and #FFD95E as 100%.

0.0%	0.0% #CAA53C	RGB 202 165 60	#CAA53C
16.7%	16.7% #D2AD41	RGB 210 173 65	#D2AD41
33.3%	33.3% #DBB646	RGB 219 182 70	#DBB646
50.0%	50.0% #E4BE4C	RGB 228 190 76	#E4BE4C
66.7%	66.7% #EDC751	RGB 237 199 81	#EDC751
83.3%	83.3% #F6D057	RGB 246 208 87	#F6D057
100.0%	100.0% #FFD95E	RGB 255 217 94	#FFD95E

#CAA53C #D2AD41 #DBB646 #E4BE4C #EDC751 #F6D057 #FFD95E

#CAA53C - #E4BE4C - #FFD95E

CSS codes

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

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