#DBC9C8 - #FFF5E3 | 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 #DBC9C8 to #FFF5E3

#DBC9C8 #FFF5E3

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

#DBC9C8 - #FFF5E3 | 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 #DBC9C8 as 0% and #FFF5E3 as 100%.

0.0%	0.0% #DBC9C8	RGB 219 201 200	#DBC9C8
16.7%	16.7% #E1D0CC	RGB 225 208 204	#E1D0CC
33.3%	33.3% #E7D7D1	RGB 231 215 209	#E7D7D1
50.0%	50.0% #EDDFD5	RGB 237 223 213	#EDDFD5
66.7%	66.7% #F3E6DA	RGB 243 230 218	#F3E6DA
83.3%	83.3% #F9EDDE	RGB 249 237 222	#F9EDDE
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#DBC9C8 #E1D0CC #E7D7D1 #EDDFD5 #F3E6DA #F9EDDE #FFF5E3

#DBC9C8 - #FFF5E3

HSV Blend

#DBC9C8 - #FFF5E3 | 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 #DBC9C8 as 0% and #FFF5E3 as 100%.

0.0%	0.0% #DBC9C8	RGB 219 201 200	#DBC9C8
16.7%	16.7% #E1CFCC	RGB 225 207 204	#E1CFCC
33.3%	33.3% #E7D6D1	RGB 231 214 209	#E7D6D1
50.0%	50.0% #EDDDD5	RGB 237 221 213	#EDDDD5
66.7%	66.7% #F3E5DA	RGB 243 229 218	#F3E5DA
83.3%	83.3% #F9ECDE	RGB 249 236 222	#F9ECDE
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#DBC9C8 #E1CFCC #E7D6D1 #EDDDD5 #F3E5DA #F9ECDE #FFF5E3

#DBC9C8 - #EDDDD5 - #FFF5E3

CSS codes

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

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