#C9BC3E - #EFEBC7 | 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 #C9BC3E to #EFEBC7

#C9BC3E #EFEBC7

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

#C9BC3E - #EFEBC7 | 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 #C9BC3E as 0% and #EFEBC7 as 100%.

0.0%	0.0% #C9BC3E	RGB 201 188 62	#C9BC3E
16.7%	16.7% #CFC354	RGB 207 195 84	#CFC354
33.3%	33.3% #D5CB6B	RGB 213 203 107	#D5CB6B
50.0%	50.0% #DCD382	RGB 220 211 130	#DCD382
66.7%	66.7% #E2DB99	RGB 226 219 153	#E2DB99
83.3%	83.3% #E8E3B0	RGB 232 227 176	#E8E3B0
100.0%	100.0% #EFEBC7	RGB 239 235 199	#EFEBC7

#C9BC3E #CFC354 #D5CB6B #DCD382 #E2DB99 #E8E3B0 #EFEBC7

#C9BC3E - #EFEBC7

HSV Blend

#C9BC3E - #EFEBC7 | 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 #C9BC3E as 0% and #EFEBC7 as 100%.

0.0%	0.0% #C9BC3E	RGB 201 188 62	#C9BC3E
16.7%	16.7% #CFC352	RGB 207 195 82	#CFC352
33.3%	33.3% #D5CB67	RGB 213 203 103	#D5CB67
50.0%	50.0% #DCD27D	RGB 220 210 125	#DCD27D
66.7%	66.7% #E2DA94	RGB 226 218 148	#E2DA94
83.3%	83.3% #E8E2AD	RGB 232 226 173	#E8E2AD
100.0%	100.0% #EFEBC7	RGB 239 235 199	#EFEBC7

#C9BC3E #CFC352 #D5CB67 #DCD27D #E2DA94 #E8E2AD #EFEBC7

#C9BC3E - #DCD27D - #EFEBC7

CSS codes

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

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