#CDC8D4 - #FFEBCE | 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 #CDC8D4 to #FFEBCE

#CDC8D4 #FFEBCE

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

#CDC8D4 - #FFEBCE | 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 #CDC8D4 as 0% and #FFEBCE as 100%.

0.0%	0.0% #CDC8D4	RGB 205 200 212	#CDC8D4
16.7%	16.7% #D5CDD3	RGB 213 205 211	#D5CDD3
33.3%	33.3% #DDD3D2	RGB 221 211 210	#DDD3D2
50.0%	50.0% #E6D9D1	RGB 230 217 209	#E6D9D1
66.7%	66.7% #EEDFD0	RGB 238 223 208	#EEDFD0
83.3%	83.3% #F6E5CF	RGB 246 229 207	#F6E5CF
100.0%	100.0% #FFEBCE	RGB 255 235 206	#FFEBCE

#CDC8D4 #D5CDD3 #DDD3D2 #E6D9D1 #EEDFD0 #F6E5CF #FFEBCE

#CDC8D4 - #FFEBCE

HSV Blend

#CDC8D4 - #FFEBCE | 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 #CDC8D4 as 0% and #FFEBCE as 100%.

0.0%	0.0% #CDC8D4	RGB 205 200 212	#CDC8D4
16.7%	16.7% #D7C9DB	RGB 215 201 219	#D7C9DB
33.3%	33.3% #E2CBDF	RGB 226 203 223	#E2CBDF
50.0%	50.0% #E9CCDA	RGB 233 204 218	#E9CCDA
66.7%	66.7% #F0CDD2	RGB 240 205 210	#F0CDD2
83.3%	83.3% #F7D7CD	RGB 247 215 205	#F7D7CD
100.0%	100.0% #FFEBCE	RGB 255 235 206	#FFEBCE

#CDC8D4 #D7C9DB #E2CBDF #E9CCDA #F0CDD2 #F7D7CD #FFEBCE

#CDC8D4 - #E9CCDA - #FFEBCE

CSS codes

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

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