#EDEBDA - #CCBE8C | 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 #CCBE8C

#EDEBDA #CCBE8C

Calculate the color between two colors, #EDEBDA and #CCBE8C. 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 - #CCBE8C | 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 #CCBE8C as 100%.

0.0%	0.0% #EDEBDA	RGB 237 235 218	#EDEBDA
16.7%	16.7% #E7E3CD	RGB 231 227 205	#E7E3CD
33.3%	33.3% #E2DCC0	RGB 226 220 192	#E2DCC0
50.0%	50.0% #DCD4B3	RGB 220 212 179	#DCD4B3
66.7%	66.7% #D7CDA6	RGB 215 205 166	#D7CDA6
83.3%	83.3% #D1C599	RGB 209 197 153	#D1C599
100.0%	100.0% #CCBE8C	RGB 204 190 140	#CCBE8C

#EDEBDA #E7E3CD #E2DCC0 #DCD4B3 #D7CDA6 #D1C599 #CCBE8C

#EDEBDA - #CCBE8C

HSV Blend

#EDEBDA - #CCBE8C | 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 #CCBE8C 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% #E2DCBE	RGB 226 220 190	#E2DCBE
50.0%	50.0% #DCD5B1	RGB 220 213 177	#DCD5B1
66.7%	66.7% #D7CDA4	RGB 215 205 164	#D7CDA4
83.3%	83.3% #D1C597	RGB 209 197 151	#D1C597
100.0%	100.0% #CCBE8C	RGB 204 190 140	#CCBE8C

#EDEBDA #E7E4CB #E2DCBE #DCD5B1 #D7CDA4 #D1C597 #CCBE8C

#EDEBDA - #DCD5B1 - #CCBE8C

CSS codes

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

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