#C2B981 - #FFE49C | 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 #C2B981 to #FFE49C

#C2B981 #FFE49C

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

#C2B981 - #FFE49C | 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 #C2B981 as 0% and #FFE49C as 100%.

0.0%	0.0% #C2B981	RGB 194 185 129	#C2B981
16.7%	16.7% #CCC085	RGB 204 192 133	#CCC085
33.3%	33.3% #D6C78A	RGB 214 199 138	#D6C78A
50.0%	50.0% #E0CE8E	RGB 224 206 142	#E0CE8E
66.7%	66.7% #EAD593	RGB 234 213 147	#EAD593
83.3%	83.3% #F4DC97	RGB 244 220 151	#F4DC97
100.0%	100.0% #FFE49C	RGB 255 228 156	#FFE49C

#C2B981 #CCC085 #D6C78A #E0CE8E #EAD593 #F4DC97 #FFE49C

#C2B981 - #FFE49C

HSV Blend

#C2B981 - #FFE49C | 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 #C2B981 as 0% and #FFE49C as 100%.

0.0%	0.0% #C2B981	RGB 194 185 129	#C2B981
16.7%	16.7% #CCC085	RGB 204 192 133	#CCC085
33.3%	33.3% #D6C88A	RGB 214 200 138	#D6C88A
50.0%	50.0% #E0CF8F	RGB 224 207 143	#E0CF8F
66.7%	66.7% #EAD693	RGB 234 214 147	#EAD693
83.3%	83.3% #F4DD97	RGB 244 221 151	#F4DD97
100.0%	100.0% #FFE49C	RGB 255 228 156	#FFE49C

#C2B981 #CCC085 #D6C88A #E0CF8F #EAD693 #F4DD97 #FFE49C

#C2B981 - #E0CF8F - #FFE49C

CSS codes

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

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