#CDB5A4 - #EEFFCF | 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 #CDB5A4 to #EEFFCF

#CDB5A4 #EEFFCF

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

#CDB5A4 - #EEFFCF | 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 #CDB5A4 as 0% and #EEFFCF as 100%.

0.0%	0.0% #CDB5A4	RGB 205 181 164	#CDB5A4
16.7%	16.7% #D2C1AB	RGB 210 193 171	#D2C1AB
33.3%	33.3% #D8CDB2	RGB 216 205 178	#D8CDB2
50.0%	50.0% #DDDAB9	RGB 221 218 185	#DDDAB9
66.7%	66.7% #E3E6C0	RGB 227 230 192	#E3E6C0
83.3%	83.3% #E8F2C7	RGB 232 242 199	#E8F2C7
100.0%	100.0% #EEFFCF	RGB 238 255 207	#EEFFCF

#CDB5A4 #D2C1AB #D8CDB2 #DDDAB9 #E3E6C0 #E8F2C7 #EEFFCF

#CDB5A4 - #EEFFCF

HSV Blend

#CDB5A4 - #EEFFCF | 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 #CDB5A4 as 0% and #EEFFCF as 100%.

0.0%	0.0% #CDB5A4	RGB 205 181 164	#CDB5A4
16.7%	16.7% #D5C3AB	RGB 213 195 171	#D5C3AB
33.3%	33.3% #DDD1B2	RGB 221 209 178	#DDD1B2
50.0%	50.0% #E6E0B9	RGB 230 224 185	#E6E0B9
66.7%	66.7% #ECEEC0	RGB 236 238 192	#ECEEC0
83.3%	83.3% #EDF6C7	RGB 237 246 199	#EDF6C7
100.0%	100.0% #EEFFCF	RGB 238 255 207	#EEFFCF

#CDB5A4 #D5C3AB #DDD1B2 #E6E0B9 #ECEEC0 #EDF6C7 #EEFFCF

#CDB5A4 - #E6E0B9 - #EEFFCF

CSS codes

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

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