#CAA46B - #F9FE8C | 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 #CAA46B to #F9FE8C

#CAA46B #F9FE8C

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

#CAA46B - #F9FE8C | 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 #CAA46B as 0% and #F9FE8C as 100%.

0.0%	0.0% #CAA46B	RGB 202 164 107	#CAA46B
16.7%	16.7% #D1B370	RGB 209 179 112	#D1B370
33.3%	33.3% #D9C276	RGB 217 194 118	#D9C276
50.0%	50.0% #E1D17B	RGB 225 209 123	#E1D17B
66.7%	66.7% #E9E081	RGB 233 224 129	#E9E081
83.3%	83.3% #F1EF86	RGB 241 239 134	#F1EF86
100.0%	100.0% #F9FE8C	RGB 249 254 140	#F9FE8C

#CAA46B #D1B370 #D9C276 #E1D17B #E9E081 #F1EF86 #F9FE8C

#CAA46B - #F9FE8C

HSV Blend

#CAA46B - #F9FE8C | 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 #CAA46B as 0% and #F9FE8C as 100%.

0.0%	0.0% #CAA46B	RGB 202 164 107	#CAA46B
16.7%	16.7% #D2B270	RGB 210 178 112	#D2B270
33.3%	33.3% #DBC175	RGB 219 193 117	#DBC175
50.0%	50.0% #E4D17B	RGB 228 209 123	#E4D17B
66.7%	66.7% #ECE180	RGB 236 225 128	#ECE180
83.3%	83.3% #F5F186	RGB 245 241 134	#F5F186
100.0%	100.0% #F9FE8C	RGB 249 254 140	#F9FE8C

#CAA46B #D2B270 #DBC175 #E4D17B #ECE180 #F5F186 #F9FE8C

#CAA46B - #E4D17B - #F9FE8C

CSS codes

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

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