#CBB0C4 - #FFEBDB | 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 #CBB0C4 to #FFEBDB

#CBB0C4 #FFEBDB

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

#CBB0C4 - #FFEBDB | 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 #CBB0C4 as 0% and #FFEBDB as 100%.

0.0%	0.0% #CBB0C4	RGB 203 176 196	#CBB0C4
16.7%	16.7% #D3B9C7	RGB 211 185 199	#D3B9C7
33.3%	33.3% #DCC3CB	RGB 220 195 203	#DCC3CB
50.0%	50.0% #E5CDCF	RGB 229 205 207	#E5CDCF
66.7%	66.7% #EDD7D3	RGB 237 215 211	#EDD7D3
83.3%	83.3% #F6E1D7	RGB 246 225 215	#F6E1D7
100.0%	100.0% #FFEBDB	RGB 255 235 219	#FFEBDB

#CBB0C4 #D3B9C7 #DCC3CB #E5CDCF #EDD7D3 #F6E1D7 #FFEBDB

#CBB0C4 - #FFEBDB

HSV Blend

#CBB0C4 - #FFEBDB | 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 #CBB0C4 as 0% and #FFEBDB as 100%.

0.0%	0.0% #CBB0C4	RGB 203 176 196	#CBB0C4
16.7%	16.7% #D3B7C6	RGB 211 183 198	#D3B7C6
33.3%	33.3% #DCBEC8	RGB 220 190 200	#DCBEC8
50.0%	50.0% #E5C5CA	RGB 229 197 202	#E5C5CA
66.7%	66.7% #EDCECC	RGB 237 206 204	#EDCECC
83.3%	83.3% #F6DCD3	RGB 246 220 211	#F6DCD3
100.0%	100.0% #FFEBDB	RGB 255 235 219	#FFEBDB

#CBB0C4 #D3B7C6 #DCBEC8 #E5C5CA #EDCECC #F6DCD3 #FFEBDB

#CBB0C4 - #E5C5CA - #FFEBDB

CSS codes

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

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