#C0BD7B - #FFE596 | 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 #C0BD7B to #FFE596

#C0BD7B #FFE596

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

#C0BD7B - #FFE596 | 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 #C0BD7B as 0% and #FFE596 as 100%.

0.0%	0.0% #C0BD7B	RGB 192 189 123	#C0BD7B
16.7%	16.7% #CAC37F	RGB 202 195 127	#CAC37F
33.3%	33.3% #D5CA84	RGB 213 202 132	#D5CA84
50.0%	50.0% #DFD188	RGB 223 209 136	#DFD188
66.7%	66.7% #EAD78D	RGB 234 215 141	#EAD78D
83.3%	83.3% #F4DE91	RGB 244 222 145	#F4DE91
100.0%	100.0% #FFE596	RGB 255 229 150	#FFE596

#C0BD7B #CAC37F #D5CA84 #DFD188 #EAD78D #F4DE91 #FFE596

#C0BD7B - #FFE596

HSV Blend

#C0BD7B - #FFE596 | 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 #C0BD7B as 0% and #FFE596 as 100%.

0.0%	0.0% #C0BD7B	RGB 192 189 123	#C0BD7B
16.7%	16.7% #CAC47F	RGB 202 196 127	#CAC47F
33.3%	33.3% #D5CC84	RGB 213 204 132	#D5CC84
50.0%	50.0% #DFD289	RGB 223 210 137	#DFD289
66.7%	66.7% #EAD98D	RGB 234 217 141	#EAD98D
83.3%	83.3% #F4DF91	RGB 244 223 145	#F4DF91
100.0%	100.0% #FFE596	RGB 255 229 150	#FFE596

#C0BD7B #CAC47F #D5CC84 #DFD289 #EAD98D #F4DF91 #FFE596

#C0BD7B - #DFD289 - #FFE596

CSS codes

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

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