#CFCCAD - #E7FFCD | 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 #CFCCAD to #E7FFCD

#CFCCAD #E7FFCD

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

#CFCCAD - #E7FFCD | 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 #CFCCAD as 0% and #E7FFCD as 100%.

0.0%	0.0% #CFCCAD	RGB 207 204 173	#CFCCAD
16.7%	16.7% #D3D4B2	RGB 211 212 178	#D3D4B2
33.3%	33.3% #D7DDB7	RGB 215 221 183	#D7DDB7
50.0%	50.0% #DBE5BD	RGB 219 229 189	#DBE5BD
66.7%	66.7% #DFEEC2	RGB 223 238 194	#DFEEC2
83.3%	83.3% #E3F6C7	RGB 227 246 199	#E3F6C7
100.0%	100.0% #E7FFCD	RGB 231 255 205	#E7FFCD

#CFCCAD #D3D4B2 #D7DDB7 #DBE5BD #DFEEC2 #E3F6C7 #E7FFCD

#CFCCAD - #E7FFCD

HSV Blend

#CFCCAD - #E7FFCD | 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 #CFCCAD as 0% and #E7FFCD as 100%.

0.0%	0.0% #CFCCAD	RGB 207 204 173	#CFCCAD
16.7%	16.7% #D6D7B2	RGB 214 215 178	#D6D7B2
33.3%	33.3% #DBDFB8	RGB 219 223 184	#DBDFB8
50.0%	50.0% #DEE7BD	RGB 222 231 189	#DEE7BD
66.7%	66.7% #E2EFC2	RGB 226 239 194	#E2EFC2
83.3%	83.3% #E4F7C7	RGB 228 247 199	#E4F7C7
100.0%	100.0% #E7FFCD	RGB 231 255 205	#E7FFCD

#CFCCAD #D6D7B2 #DBDFB8 #DEE7BD #E2EFC2 #E4F7C7 #E7FFCD

#CFCCAD - #DEE7BD - #E7FFCD

CSS codes

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

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