#EEEBCB - #CEC078 | 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 #EEEBCB to #CEC078

#EEEBCB #CEC078

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

#EEEBCB - #CEC078 | 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 #EEEBCB as 0% and #CEC078 as 100%.

0.0%	0.0% #EEEBCB	RGB 238 235 203	#EEEBCB
16.7%	16.7% #E8E3BD	RGB 232 227 189	#E8E3BD
33.3%	33.3% #E3DCAF	RGB 227 220 175	#E3DCAF
50.0%	50.0% #DED5A1	RGB 222 213 161	#DED5A1
66.7%	66.7% #D8CE93	RGB 216 206 147	#D8CE93
83.3%	83.3% #D3C785	RGB 211 199 133	#D3C785
100.0%	100.0% #CEC078	RGB 206 192 120	#CEC078

#EEEBCB #E8E3BD #E3DCAF #DED5A1 #D8CE93 #D3C785 #CEC078

#EEEBCB - #CEC078

HSV Blend

#EEEBCB - #CEC078 | 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 #EEEBCB as 0% and #CEC078 as 100%.

0.0%	0.0% #EEEBCB	RGB 238 235 203	#EEEBCB
16.7%	16.7% #E8E4BB	RGB 232 228 187	#E8E4BB
33.3%	33.3% #E3DDAD	RGB 227 221 173	#E3DDAD
50.0%	50.0% #DED69F	RGB 222 214 159	#DED69F
66.7%	66.7% #D8CE91	RGB 216 206 145	#D8CE91
83.3%	83.3% #D3C784	RGB 211 199 132	#D3C784
100.0%	100.0% #CEC078	RGB 206 192 120	#CEC078

#EEEBCB #E8E4BB #E3DDAD #DED69F #D8CE91 #D3C784 #CEC078

#EEEBCB - #DED69F - #CEC078

CSS codes

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

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