#C8C57D - #EFEED9 | 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 #C8C57D to #EFEED9

#C8C57D #EFEED9

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

#C8C57D - #EFEED9 | 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 #C8C57D as 0% and #EFEED9 as 100%.

0.0%	0.0% #C8C57D	RGB 200 197 125	#C8C57D
16.7%	16.7% #CECB8C	RGB 206 203 140	#CECB8C
33.3%	33.3% #D5D29B	RGB 213 210 155	#D5D29B
50.0%	50.0% #DBD9AB	RGB 219 217 171	#DBD9AB
66.7%	66.7% #E2E0BA	RGB 226 224 186	#E2E0BA
83.3%	83.3% #E8E7C9	RGB 232 231 201	#E8E7C9
100.0%	100.0% #EFEED9	RGB 239 238 217	#EFEED9

#C8C57D #CECB8C #D5D29B #DBD9AB #E2E0BA #E8E7C9 #EFEED9

#C8C57D - #EFEED9

HSV Blend

#C8C57D - #EFEED9 | 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 #C8C57D as 0% and #EFEED9 as 100%.

0.0%	0.0% #C8C57D	RGB 200 197 125	#C8C57D
16.7%	16.7% #CECB8A	RGB 206 203 138	#CECB8A
33.3%	33.3% #D5D299	RGB 213 210 153	#D5D299
50.0%	50.0% #DBD9A8	RGB 219 217 168	#DBD9A8
66.7%	66.7% #E2E0B7	RGB 226 224 183	#E2E0B7
83.3%	83.3% #E8E7C8	RGB 232 231 200	#E8E7C8
100.0%	100.0% #EFEED9	RGB 239 238 217	#EFEED9

#C8C57D #CECB8A #D5D299 #DBD9A8 #E2E0B7 #E8E7C8 #EFEED9

#C8C57D - #DBD9A8 - #EFEED9

CSS codes

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

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