#CFC5BB - #DBDEEB | 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 #CFC5BB to #DBDEEB

#CFC5BB #DBDEEB

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

#CFC5BB - #DBDEEB | 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 #CFC5BB as 0% and #DBDEEB as 100%.

0.0%	0.0% #CFC5BB	RGB 207 197 187	#CFC5BB
16.7%	16.7% #D1C9C3	RGB 209 201 195	#D1C9C3
33.3%	33.3% #D3CDCB	RGB 211 205 203	#D3CDCB
50.0%	50.0% #D5D1D3	RGB 213 209 211	#D5D1D3
66.7%	66.7% #D7D5DB	RGB 215 213 219	#D7D5DB
83.3%	83.3% #D9D9E3	RGB 217 217 227	#D9D9E3
100.0%	100.0% #DBDEEB	RGB 219 222 235	#DBDEEB

#CFC5BB #D1C9C3 #D3CDCB #D5D1D3 #D7D5DB #D9D9E3 #DBDEEB

#CFC5BB - #DBDEEB

HSV Blend

#CFC5BB - #DBDEEB | 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 #CFC5BB as 0% and #DBDEEB as 100%.

0.0%	0.0% #CFC5BB	RGB 207 197 187	#CFC5BB
16.7%	16.7% #D3C1C0	RGB 211 193 192	#D3C1C0
33.3%	33.3% #D8C5CC	RGB 216 197 204	#D8C5CC
50.0%	50.0% #DDCADA	RGB 221 202 218	#DDCADA
66.7%	66.7% #DCD0E1	RGB 220 208 225	#DCD0E1
83.3%	83.3% #D9D5E6	RGB 217 213 230	#D9D5E6
100.0%	100.0% #DBDEEB	RGB 219 222 235	#DBDEEB

#CFC5BB #D3C1C0 #D8C5CC #DDCADA #DCD0E1 #D9D5E6 #DBDEEB

#CFC5BB - #DDCADA - #DBDEEB

CSS codes

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

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