#CBC9CF - #FFEBCB | 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 #CBC9CF to #FFEBCB

#CBC9CF #FFEBCB

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

#CBC9CF - #FFEBCB | 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 #CBC9CF as 0% and #FFEBCB as 100%.

0.0%	0.0% #CBC9CF	RGB 203 201 207	#CBC9CF
16.7%	16.7% #D3CECE	RGB 211 206 206	#D3CECE
33.3%	33.3% #DCD4CD	RGB 220 212 205	#DCD4CD
50.0%	50.0% #E5DACD	RGB 229 218 205	#E5DACD
66.7%	66.7% #EDDFCC	RGB 237 223 204	#EDDFCC
83.3%	83.3% #F6E5CB	RGB 246 229 203	#F6E5CB
100.0%	100.0% #FFEBCB	RGB 255 235 203	#FFEBCB

#CBC9CF #D3CECE #DCD4CD #E5DACD #EDDFCC #F6E5CB #FFEBCB

#CBC9CF - #FFEBCB

HSV Blend

#CBC9CF - #FFEBCB | 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 #CBC9CF as 0% and #FFEBCB as 100%.

0.0%	0.0% #CBC9CF	RGB 203 201 207	#CBC9CF
16.7%	16.7% #D3CAD7	RGB 211 202 215	#D3CAD7
33.3%	33.3% #DFCBDD	RGB 223 203 221	#DFCBDD
50.0%	50.0% #E7CCDA	RGB 231 204 218	#E7CCDA
66.7%	66.7% #EFCCD1	RGB 239 204 209	#EFCCD1
83.3%	83.3% #F7D5CB	RGB 247 213 203	#F7D5CB
100.0%	100.0% #FFEBCB	RGB 255 235 203	#FFEBCB

#CBC9CF #D3CAD7 #DFCBDD #E7CCDA #EFCCD1 #F7D5CB #FFEBCB

#CBC9CF - #E7CCDA - #FFEBCB

CSS codes

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

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