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

#C5BCC2 #FFEDD6

Calculate the color between two colors, #C5BCC2 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)

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

0.0%	0.0% #C5BCC2	RGB 197 188 194	#C5BCC2
16.7%	16.7% #CEC4C5	RGB 206 196 197	#CEC4C5
33.3%	33.3% #D8CCC8	RGB 216 204 200	#D8CCC8
50.0%	50.0% #E2D4CC	RGB 226 212 204	#E2D4CC
66.7%	66.7% #EBDCCF	RGB 235 220 207	#EBDCCF
83.3%	83.3% #F5E4D2	RGB 245 228 210	#F5E4D2
100.0%	100.0% #FFEDD6	RGB 255 237 214	#FFEDD6

#C5BCC2 #CEC4C5 #D8CCC8 #E2D4CC #EBDCCF #F5E4D2 #FFEDD6

#C5BCC2 - #FFEDD6

HSV Blend

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

0.0%	0.0% #C5BCC2	RGB 197 188 194	#C5BCC2
16.7%	16.7% #CEC1C7	RGB 206 193 199	#CEC1C7
33.3%	33.3% #D8C6CA	RGB 216 198 202	#D8C6CA
50.0%	50.0% #E2CACB	RGB 226 202 203	#E2CACB
66.7%	66.7% #EBD3CE	RGB 235 211 206	#EBD3CE
83.3%	83.3% #F5DED2	RGB 245 222 210	#F5DED2
100.0%	100.0% #FFEDD6	RGB 255 237 214	#FFEDD6

#C5BCC2 #CEC1C7 #D8C6CA #E2CACB #EBD3CE #F5DED2 #FFEDD6

#C5BCC2 - #E2CACB - #FFEDD6

CSS codes

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

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