#C3BA5E - #EDEBD1 | 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 #C3BA5E to #EDEBD1

#C3BA5E #EDEBD1

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

#C3BA5E - #EDEBD1 | 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 #C3BA5E as 0% and #EDEBD1 as 100%.

0.0%	0.0% #C3BA5E	RGB 195 186 94	#C3BA5E
16.7%	16.7% #CAC271	RGB 202 194 113	#CAC271
33.3%	33.3% #D1CA84	RGB 209 202 132	#D1CA84
50.0%	50.0% #D8D297	RGB 216 210 151	#D8D297
66.7%	66.7% #DFDAAA	RGB 223 218 170	#DFDAAA
83.3%	83.3% #E6E2BD	RGB 230 226 189	#E6E2BD
100.0%	100.0% #EDEBD1	RGB 237 235 209	#EDEBD1

#C3BA5E #CAC271 #D1CA84 #D8D297 #DFDAAA #E6E2BD #EDEBD1

#C3BA5E - #EDEBD1

HSV Blend

#C3BA5E - #EDEBD1 | 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 #C3BA5E as 0% and #EDEBD1 as 100%.

0.0%	0.0% #C3BA5E	RGB 195 186 94	#C3BA5E
16.7%	16.7% #CAC26E	RGB 202 194 110	#CAC26E
33.3%	33.3% #D1CA80	RGB 209 202 128	#D1CA80
50.0%	50.0% #D8D293	RGB 216 210 147	#D8D293
66.7%	66.7% #DFDAA6	RGB 223 218 166	#DFDAA6
83.3%	83.3% #E6E2BB	RGB 230 226 187	#E6E2BB
100.0%	100.0% #EDEBD1	RGB 237 235 209	#EDEBD1

#C3BA5E #CAC26E #D1CA80 #D8D293 #DFDAA6 #E6E2BB #EDEBD1

#C3BA5E - #D8D293 - #EDEBD1

CSS codes

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

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