#C5CDB7 - #EFEECA | 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 #C5CDB7 to #EFEECA

#C5CDB7 #EFEECA

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

#C5CDB7 - #EFEECA | 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 #C5CDB7 as 0% and #EFEECA as 100%.

0.0%	0.0% #C5CDB7	RGB 197 205 183	#C5CDB7
16.7%	16.7% #CCD2BA	RGB 204 210 186	#CCD2BA
33.3%	33.3% #D3D8BD	RGB 211 216 189	#D3D8BD
50.0%	50.0% #DADDC0	RGB 218 221 192	#DADDC0
66.7%	66.7% #E1E3C3	RGB 225 227 195	#E1E3C3
83.3%	83.3% #E8E8C6	RGB 232 232 198	#E8E8C6
100.0%	100.0% #EFEECA	RGB 239 238 202	#EFEECA

#C5CDB7 #CCD2BA #D3D8BD #DADDC0 #E1E3C3 #E8E8C6 #EFEECA

#C5CDB7 - #EFEECA

HSV Blend

#C5CDB7 - #EFEECA | 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 #C5CDB7 as 0% and #EFEECA as 100%.

0.0%	0.0% #C5CDB7	RGB 197 205 183	#C5CDB7
16.7%	16.7% #CBD2BA	RGB 203 210 186	#CBD2BA
33.3%	33.3% #D2D8BD	RGB 210 216 189	#D2D8BD
50.0%	50.0% #D9DEC0	RGB 217 222 192	#D9DEC0
66.7%	66.7% #E0E3C4	RGB 224 227 196	#E0E3C4
83.3%	83.3% #E8E9C7	RGB 232 233 199	#E8E9C7
100.0%	100.0% #EFEECA	RGB 239 238 202	#EFEECA

#C5CDB7 #CBD2BA #D2D8BD #D9DEC0 #E0E3C4 #E8E9C7 #EFEECA

#C5CDB7 - #D9DEC0 - #EFEECA

CSS codes

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

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