#C0CF7E - #FFEEA4 | 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 #C0CF7E to #FFEEA4

#C0CF7E #FFEEA4

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

#C0CF7E - #FFEEA4 | 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 #C0CF7E as 0% and #FFEEA4 as 100%.

0.0%	0.0% #C0CF7E	RGB 192 207 126	#C0CF7E
16.7%	16.7% #CAD484	RGB 202 212 132	#CAD484
33.3%	33.3% #D5D98A	RGB 213 217 138	#D5D98A
50.0%	50.0% #DFDE91	RGB 223 222 145	#DFDE91
66.7%	66.7% #EAE397	RGB 234 227 151	#EAE397
83.3%	83.3% #F4E89D	RGB 244 232 157	#F4E89D
100.0%	100.0% #FFEEA4	RGB 255 238 164	#FFEEA4

#C0CF7E #CAD484 #D5D98A #DFDE91 #EAE397 #F4E89D #FFEEA4

#C0CF7E - #FFEEA4

HSV Blend

#C0CF7E - #FFEEA4 | 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 #C0CF7E as 0% and #FFEEA4 as 100%.

0.0%	0.0% #C0CF7E	RGB 192 207 126	#C0CF7E
16.7%	16.7% #CCD784	RGB 204 215 132	#CCD784
33.3%	33.3% #D9DF8A	RGB 217 223 138	#D9DF8A
50.0%	50.0% #E7E690	RGB 231 230 144	#E7E690
66.7%	66.7% #EFE996	RGB 239 233 150	#EFE996
83.3%	83.3% #F7EB9D	RGB 247 235 157	#F7EB9D
100.0%	100.0% #FFEEA4	RGB 255 238 164	#FFEEA4

#C0CF7E #CCD784 #D9DF8A #E7E690 #EFE996 #F7EB9D #FFEEA4

#C0CF7E - #E7E690 - #FFEEA4

CSS codes

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

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