#EDEBDA - #CCC18C | 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 #EDEBDA to #CCC18C

#EDEBDA #CCC18C

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

#EDEBDA - #CCC18C | 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 #EDEBDA as 0% and #CCC18C as 100%.

0.0%	0.0% #EDEBDA	RGB 237 235 218	#EDEBDA
16.7%	16.7% #E7E4CD	RGB 231 228 205	#E7E4CD
33.3%	33.3% #E2DDC0	RGB 226 221 192	#E2DDC0
50.0%	50.0% #DCD6B3	RGB 220 214 179	#DCD6B3
66.7%	66.7% #D7CFA6	RGB 215 207 166	#D7CFA6
83.3%	83.3% #D1C899	RGB 209 200 153	#D1C899
100.0%	100.0% #CCC18C	RGB 204 193 140	#CCC18C

#EDEBDA #E7E4CD #E2DDC0 #DCD6B3 #D7CFA6 #D1C899 #CCC18C

#EDEBDA - #CCC18C

HSV Blend

#EDEBDA - #CCC18C | 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 #EDEBDA as 0% and #CCC18C as 100%.

0.0%	0.0% #EDEBDA	RGB 237 235 218	#EDEBDA
16.7%	16.7% #E7E4CB	RGB 231 228 203	#E7E4CB
33.3%	33.3% #E2DDBE	RGB 226 221 190	#E2DDBE
50.0%	50.0% #DCD6B1	RGB 220 214 177	#DCD6B1
66.7%	66.7% #D7CFA4	RGB 215 207 164	#D7CFA4
83.3%	83.3% #D1C897	RGB 209 200 151	#D1C897
100.0%	100.0% #CCC18C	RGB 204 193 140	#CCC18C

#EDEBDA #E7E4CB #E2DDBE #DCD6B1 #D7CFA4 #D1C897 #CCC18C

#EDEBDA - #DCD6B1 - #CCC18C

CSS codes

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

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