#CED6B4 - #E4DDEC | 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 #CED6B4 to #E4DDEC

#CED6B4 #E4DDEC

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

#CED6B4 - #E4DDEC | 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 #CED6B4 as 0% and #E4DDEC as 100%.

0.0%	0.0% #CED6B4	RGB 206 214 180	#CED6B4
16.7%	16.7% #D1D7BD	RGB 209 215 189	#D1D7BD
33.3%	33.3% #D5D8C6	RGB 213 216 198	#D5D8C6
50.0%	50.0% #D9D9D0	RGB 217 217 208	#D9D9D0
66.7%	66.7% #DCDAD9	RGB 220 218 217	#DCDAD9
83.3%	83.3% #E0DBE2	RGB 224 219 226	#E0DBE2
100.0%	100.0% #E4DDEC	RGB 228 221 236	#E4DDEC

#CED6B4 #D1D7BD #D5D8C6 #D9D9D0 #DCDAD9 #E0DBE2 #E4DDEC

#CED6B4 - #E4DDEC

HSV Blend

#CED6B4 - #E4DDEC | 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 #CED6B4 as 0% and #E4DDEC as 100%.

0.0%	0.0% #CED6B4	RGB 206 214 180	#CED6B4
16.7%	16.7% #D9D2BA	RGB 217 210 186	#D9D2BA
33.3%	33.3% #DDC9C1	RGB 221 201 193	#DDC9C1
50.0%	50.0% #E1C7CB	RGB 225 199 203	#E1C7CB
66.7%	66.7% #E4CEDC	RGB 228 206 220	#E4CEDC
83.3%	83.3% #E7D5E8	RGB 231 213 232	#E7D5E8
100.0%	100.0% #E4DDEC	RGB 228 221 236	#E4DDEC

#CED6B4 #D9D2BA #DDC9C1 #E1C7CB #E4CEDC #E7D5E8 #E4DDEC

#CED6B4 - #E1C7CB - #E4DDEC

CSS codes

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

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