#C2BC8C - #FFE5A5 | 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 #C2BC8C to #FFE5A5

#C2BC8C #FFE5A5

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

#C2BC8C - #FFE5A5 | 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 #C2BC8C as 0% and #FFE5A5 as 100%.

0.0%	0.0% #C2BC8C	RGB 194 188 140	#C2BC8C
16.7%	16.7% #CCC290	RGB 204 194 144	#CCC290
33.3%	33.3% #D6C994	RGB 214 201 148	#D6C994
50.0%	50.0% #E0D098	RGB 224 208 152	#E0D098
66.7%	66.7% #EAD79C	RGB 234 215 156	#EAD79C
83.3%	83.3% #F4DEA0	RGB 244 222 160	#F4DEA0
100.0%	100.0% #FFE5A5	RGB 255 229 165	#FFE5A5

#C2BC8C #CCC290 #D6C994 #E0D098 #EAD79C #F4DEA0 #FFE5A5

#C2BC8C - #FFE5A5

HSV Blend

#C2BC8C - #FFE5A5 | 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 #C2BC8C as 0% and #FFE5A5 as 100%.

0.0%	0.0% #C2BC8C	RGB 194 188 140	#C2BC8C
16.7%	16.7% #CCC390	RGB 204 195 144	#CCC390
33.3%	33.3% #D6CB95	RGB 214 203 149	#D6CB95
50.0%	50.0% #E0D299	RGB 224 210 153	#E0D299
66.7%	66.7% #EAD89D	RGB 234 216 157	#EAD89D
83.3%	83.3% #F4DFA1	RGB 244 223 161	#F4DFA1
100.0%	100.0% #FFE5A5	RGB 255 229 165	#FFE5A5

#C2BC8C #CCC390 #D6CB95 #E0D299 #EAD89D #F4DFA1 #FFE5A5

#C2BC8C - #E0D299 - #FFE5A5

CSS codes

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

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