#DBC9C7 - #DBDCE1 | 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 #DBC9C7 to #DBDCE1

#DBC9C7 #DBDCE1

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

#DBC9C7 - #DBDCE1 | 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 #DBC9C7 as 0% and #DBDCE1 as 100%.

0.0%	0.0% #DBC9C7	RGB 219 201 199	#DBC9C7
16.7%	16.7% #DBCCCB	RGB 219 204 203	#DBCCCB
33.3%	33.3% #DBCFCF	RGB 219 207 207	#DBCFCF
50.0%	50.0% #DBD2D4	RGB 219 210 212	#DBD2D4
66.7%	66.7% #DBD5D8	RGB 219 213 216	#DBD5D8
83.3%	83.3% #DBD8DC	RGB 219 216 220	#DBD8DC
100.0%	100.0% #DBDCE1	RGB 219 220 225	#DBDCE1

#DBC9C7 #DBCCCB #DBCFCF #DBD2D4 #DBD5D8 #DBD8DC #DBDCE1

#DBC9C7 - #DBDCE1

HSV Blend

#DBC9C7 - #DBDCE1 | 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 #DBC9C7 as 0% and #DBDCE1 as 100%.

0.0%	0.0% #DBC9C7	RGB 219 201 199	#DBC9C7
16.7%	16.7% #DCCACF	RGB 220 202 207	#DCCACF
33.3%	33.3% #DDCDD7	RGB 221 205 215	#DDCDD7
50.0%	50.0% #DDD0DE	RGB 221 208 222	#DDD0DE
66.7%	66.7% #DAD4DF	RGB 218 212 223	#DAD4DF
83.3%	83.3% #D9D7E0	RGB 217 215 224	#D9D7E0
100.0%	100.0% #DBDCE1	RGB 219 220 225	#DBDCE1

#DBC9C7 #DCCACF #DDCDD7 #DDD0DE #DAD4DF #D9D7E0 #DBDCE1

#DBC9C7 - #DDD0DE - #DBDCE1

CSS codes

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

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