#CDBAC3 - #FFEDD6 | 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 #CDBAC3 to #FFEDD6

#CDBAC3 #FFEDD6

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

#CDBAC3 - #FFEDD6 | 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 #CDBAC3 as 0% and #FFEDD6 as 100%.

0.0%	0.0% #CDBAC3	RGB 205 186 195	#CDBAC3
16.7%	16.7% #D5C2C6	RGB 213 194 198	#D5C2C6
33.3%	33.3% #DDCBC9	RGB 221 203 201	#DDCBC9
50.0%	50.0% #E6D3CC	RGB 230 211 204	#E6D3CC
66.7%	66.7% #EEDCCF	RGB 238 220 207	#EEDCCF
83.3%	83.3% #F6E4D2	RGB 246 228 210	#F6E4D2
100.0%	100.0% #FFEDD6	RGB 255 237 214	#FFEDD6

#CDBAC3 #D5C2C6 #DDCBC9 #E6D3CC #EEDCCF #F6E4D2 #FFEDD6

#CDBAC3 - #FFEDD6

HSV Blend

#CDBAC3 - #FFEDD6 | 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 #CDBAC3 as 0% and #FFEDD6 as 100%.

0.0%	0.0% #CDBAC3	RGB 205 186 195	#CDBAC3
16.7%	16.7% #D5BFC5	RGB 213 191 197	#D5BFC5
33.3%	33.3% #DDC4C7	RGB 221 196 199	#DDC4C7
50.0%	50.0% #E6CAC8	RGB 230 202 200	#E6CAC8
66.7%	66.7% #EED4CD	RGB 238 212 205	#EED4CD
83.3%	83.3% #F6E0D1	RGB 246 224 209	#F6E0D1
100.0%	100.0% #FFEDD6	RGB 255 237 214	#FFEDD6

#CDBAC3 #D5BFC5 #DDC4C7 #E6CAC8 #EED4CD #F6E0D1 #FFEDD6

#CDBAC3 - #E6CAC8 - #FFEDD6

CSS codes

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

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