#DBD9CE - #FFF2DB | 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 #DBD9CE to #FFF2DB

#DBD9CE #FFF2DB

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

#DBD9CE - #FFF2DB | 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 #DBD9CE as 0% and #FFF2DB as 100%.

0.0%	0.0% #DBD9CE	RGB 219 217 206	#DBD9CE
16.7%	16.7% #E1DDD0	RGB 225 221 208	#E1DDD0
33.3%	33.3% #E7E1D2	RGB 231 225 210	#E7E1D2
50.0%	50.0% #EDE5D4	RGB 237 229 212	#EDE5D4
66.7%	66.7% #F3E9D6	RGB 243 233 214	#F3E9D6
83.3%	83.3% #F9EDD8	RGB 249 237 216	#F9EDD8
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#DBD9CE #E1DDD0 #E7E1D2 #EDE5D4 #F3E9D6 #F9EDD8 #FFF2DB

#DBD9CE - #FFF2DB

HSV Blend

#DBD9CE - #FFF2DB | 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 #DBD9CE as 0% and #FFF2DB as 100%.

0.0%	0.0% #DBD9CE	RGB 219 217 206	#DBD9CE
16.7%	16.7% #E1DDD0	RGB 225 221 208	#E1DDD0
33.3%	33.3% #E7E2D2	RGB 231 226 210	#E7E2D2
50.0%	50.0% #EDE6D5	RGB 237 230 213	#EDE6D5
66.7%	66.7% #F3EAD7	RGB 243 234 215	#F3EAD7
83.3%	83.3% #F9EED9	RGB 249 238 217	#F9EED9
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#DBD9CE #E1DDD0 #E7E2D2 #EDE6D5 #F3EAD7 #F9EED9 #FFF2DB

#DBD9CE - #EDE6D5 - #FFF2DB

CSS codes

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

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