#EDEDE6 - #C8C19C | 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 #EDEDE6 to #C8C19C

#EDEDE6 #C8C19C

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

#EDEDE6 - #C8C19C | 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 #EDEDE6 as 0% and #C8C19C as 100%.

0.0%	0.0% #EDEDE6	RGB 237 237 230	#EDEDE6
16.7%	16.7% #E6E5D9	RGB 230 229 217	#E6E5D9
33.3%	33.3% #E0DECD	RGB 224 222 205	#E0DECD
50.0%	50.0% #DAD7C1	RGB 218 215 193	#DAD7C1
66.7%	66.7% #D4CFB4	RGB 212 207 180	#D4CFB4
83.3%	83.3% #CEC8A8	RGB 206 200 168	#CEC8A8
100.0%	100.0% #C8C19C	RGB 200 193 156	#C8C19C

#EDEDE6 #E6E5D9 #E0DECD #DAD7C1 #D4CFB4 #CEC8A8 #C8C19C

#EDEDE6 - #C8C19C

HSV Blend

#EDEDE6 - #C8C19C | 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 #EDEDE6 as 0% and #C8C19C as 100%.

0.0%	0.0% #EDEDE6	RGB 237 237 230	#EDEDE6
16.7%	16.7% #E6E6D8	RGB 230 230 216	#E6E6D8
33.3%	33.3% #E0DFCB	RGB 224 223 203	#E0DFCB
50.0%	50.0% #DAD8BF	RGB 218 216 191	#DAD8BF
66.7%	66.7% #D4D0B3	RGB 212 208 179	#D4D0B3
83.3%	83.3% #CEC9A7	RGB 206 201 167	#CEC9A7
100.0%	100.0% #C8C19C	RGB 200 193 156	#C8C19C

#EDEDE6 #E6E6D8 #E0DFCB #DAD8BF #D4D0B3 #CEC9A7 #C8C19C

#EDEDE6 - #DAD8BF - #C8C19C

CSS codes

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

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