#C4CA5E - #EDEFD1 | 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 #C4CA5E to #EDEFD1

#C4CA5E #EDEFD1

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

#C4CA5E - #EDEFD1 | 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 #C4CA5E as 0% and #EDEFD1 as 100%.

0.0%	0.0% #C4CA5E	RGB 196 202 94	#C4CA5E
16.7%	16.7% #CAD071	RGB 202 208 113	#CAD071
33.3%	33.3% #D1D684	RGB 209 214 132	#D1D684
50.0%	50.0% #D8DC97	RGB 216 220 151	#D8DC97
66.7%	66.7% #DFE2AA	RGB 223 226 170	#DFE2AA
83.3%	83.3% #E6E8BD	RGB 230 232 189	#E6E8BD
100.0%	100.0% #EDEFD1	RGB 237 239 209	#EDEFD1

#C4CA5E #CAD071 #D1D684 #D8DC97 #DFE2AA #E6E8BD #EDEFD1

#C4CA5E - #EDEFD1

HSV Blend

#C4CA5E - #EDEFD1 | 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 #C4CA5E as 0% and #EDEFD1 as 100%.

0.0%	0.0% #C4CA5E	RGB 196 202 94	#C4CA5E
16.7%	16.7% #CAD06F	RGB 202 208 111	#CAD06F
33.3%	33.3% #D1D680	RGB 209 214 128	#D1D680
50.0%	50.0% #D8DC93	RGB 216 220 147	#D8DC93
66.7%	66.7% #DEE2A7	RGB 222 226 167	#DEE2A7
83.3%	83.3% #E5E8BB	RGB 229 232 187	#E5E8BB
100.0%	100.0% #EDEFD1	RGB 237 239 209	#EDEFD1

#C4CA5E #CAD06F #D1D680 #D8DC93 #DEE2A7 #E5E8BB #EDEFD1

#C4CA5E - #D8DC93 - #EDEFD1

CSS codes

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

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