#DBD6DA - #FFFBCD | 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 #DBD6DA to #FFFBCD

#DBD6DA #FFFBCD

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

#DBD6DA - #FFFBCD | 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 #DBD6DA as 0% and #FFFBCD as 100%.

0.0%	0.0% #DBD6DA	RGB 219 214 218	#DBD6DA
16.7%	16.7% #E1DCD7	RGB 225 220 215	#E1DCD7
33.3%	33.3% #E7E2D5	RGB 231 226 213	#E7E2D5
50.0%	50.0% #EDE8D3	RGB 237 232 211	#EDE8D3
66.7%	66.7% #F3EED1	RGB 243 238 209	#F3EED1
83.3%	83.3% #F9F4CF	RGB 249 244 207	#F9F4CF
100.0%	100.0% #FFFBCD	RGB 255 251 205	#FFFBCD

#DBD6DA #E1DCD7 #E7E2D5 #EDE8D3 #F3EED1 #F9F4CF #FFFBCD

#DBD6DA - #FFFBCD

HSV Blend

#DBD6DA - #FFFBCD | 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 #DBD6DA as 0% and #FFFBCD as 100%.

0.0%	0.0% #DBD6DA	RGB 219 214 218	#DBD6DA
16.7%	16.7% #E1D5DB	RGB 225 213 219	#E1D5DB
33.3%	33.3% #E7D4D8	RGB 231 212 216	#E7D4D8
50.0%	50.0% #EDD4D3	RGB 237 212 211	#EDD4D3
66.7%	66.7% #F3DDD1	RGB 243 221 209	#F3DDD1
83.3%	83.3% #F9E9CF	RGB 249 233 207	#F9E9CF
100.0%	100.0% #FFFBCD	RGB 255 251 205	#FFFBCD

#DBD6DA #E1D5DB #E7D4D8 #EDD4D3 #F3DDD1 #F9E9CF #FFFBCD

#DBD6DA - #EDD4D3 - #FFFBCD

CSS codes

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

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