#C3C391 - #EDEDDF | 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 #C3C391 to #EDEDDF

#C3C391 #EDEDDF

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

#C3C391 - #EDEDDF | 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 #C3C391 as 0% and #EDEDDF as 100%.

0.0%	0.0% #C3C391	RGB 195 195 145	#C3C391
16.7%	16.7% #CACA9E	RGB 202 202 158	#CACA9E
33.3%	33.3% #D1D1AB	RGB 209 209 171	#D1D1AB
50.0%	50.0% #D8D8B8	RGB 216 216 184	#D8D8B8
66.7%	66.7% #DFDFC5	RGB 223 223 197	#DFDFC5
83.3%	83.3% #E6E6D2	RGB 230 230 210	#E6E6D2
100.0%	100.0% #EDEDDF	RGB 237 237 223	#EDEDDF

#C3C391 #CACA9E #D1D1AB #D8D8B8 #DFDFC5 #E6E6D2 #EDEDDF

#C3C391 - #EDEDDF

HSV Blend

#C3C391 - #EDEDDF | 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 #C3C391 as 0% and #EDEDDF as 100%.

0.0%	0.0% #C3C391	RGB 195 195 145	#C3C391
16.7%	16.7% #CACA9C	RGB 202 202 156	#CACA9C
33.3%	33.3% #D1D1A9	RGB 209 209 169	#D1D1A9
50.0%	50.0% #D8D8B5	RGB 216 216 181	#D8D8B5
66.7%	66.7% #DFDFC3	RGB 223 223 195	#DFDFC3
83.3%	83.3% #E6E6D0	RGB 230 230 208	#E6E6D0
100.0%	100.0% #EDEDDF	RGB 237 237 223	#EDEDDF

#C3C391 #CACA9C #D1D1A9 #D8D8B5 #DFDFC3 #E6E6D0 #EDEDDF

#C3C391 - #D8D8B5 - #EDEDDF

CSS codes

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

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