#EEEBDA - #CCCD8C | 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 #EEEBDA to #CCCD8C

#EEEBDA #CCCD8C

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

#EEEBDA - #CCCD8C | 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 #EEEBDA as 0% and #CCCD8C as 100%.

0.0%	0.0% #EEEBDA	RGB 238 235 218	#EEEBDA
16.7%	16.7% #E8E6CD	RGB 232 230 205	#E8E6CD
33.3%	33.3% #E2E1C0	RGB 226 225 192	#E2E1C0
50.0%	50.0% #DDDCB3	RGB 221 220 179	#DDDCB3
66.7%	66.7% #D7D7A6	RGB 215 215 166	#D7D7A6
83.3%	83.3% #D1D299	RGB 209 210 153	#D1D299
100.0%	100.0% #CCCD8C	RGB 204 205 140	#CCCD8C

#EEEBDA #E8E6CD #E2E1C0 #DDDCB3 #D7D7A6 #D1D299 #CCCD8C

#EEEBDA - #CCCD8C

HSV Blend

#EEEBDA - #CCCD8C | 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 #EEEBDA as 0% and #CCCD8C as 100%.

0.0%	0.0% #EEEBDA	RGB 238 235 218	#EEEBDA
16.7%	16.7% #E8E5CB	RGB 232 229 203	#E8E5CB
33.3%	33.3% #E3DFBE	RGB 227 223 190	#E3DFBE
50.0%	50.0% #DDDAB1	RGB 221 218 177	#DDDAB1
66.7%	66.7% #D8D5A4	RGB 216 213 164	#D8D5A4
83.3%	83.3% #D2D197	RGB 210 209 151	#D2D197
100.0%	100.0% #CCCD8C	RGB 204 205 140	#CCCD8C

#EEEBDA #E8E5CB #E3DFBE #DDDAB1 #D8D5A4 #D2D197 #CCCD8C

#EEEBDA - #DDDAB1 - #CCCD8C

CSS codes

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

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