#DBC2BC - #DCDBDF | 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 #DBC2BC to #DCDBDF

#DBC2BC #DCDBDF

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

#DBC2BC - #DCDBDF | 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 #DBC2BC as 0% and #DCDBDF as 100%.

0.0%	0.0% #DBC2BC	RGB 219 194 188	#DBC2BC
16.7%	16.7% #DBC6C1	RGB 219 198 193	#DBC6C1
33.3%	33.3% #DBCAC7	RGB 219 202 199	#DBCAC7
50.0%	50.0% #DBCECD	RGB 219 206 205	#DBCECD
66.7%	66.7% #DBD2D3	RGB 219 210 211	#DBD2D3
83.3%	83.3% #DBD6D9	RGB 219 214 217	#DBD6D9
100.0%	100.0% #DCDBDF	RGB 220 219 223	#DCDBDF

#DBC2BC #DBC6C1 #DBCAC7 #DBCECD #DBD2D3 #DBD6D9 #DCDBDF

#DBC2BC - #DCDBDF

HSV Blend

#DBC2BC - #DCDBDF | 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 #DBC2BC as 0% and #DCDBDF as 100%.

0.0%	0.0% #DBC2BC	RGB 219 194 188	#DBC2BC
16.7%	16.7% #DBC1C4	RGB 219 193 196	#DBC1C4
33.3%	33.3% #DCC6D0	RGB 220 198 208	#DCC6D0
50.0%	50.0% #DDCBD9	RGB 221 203 217	#DDCBD9
66.7%	66.7% #DCD0DD	RGB 220 208 221	#DCD0DD
83.3%	83.3% #DAD5DE	RGB 218 213 222	#DAD5DE
100.0%	100.0% #DCDBDF	RGB 220 219 223	#DCDBDF

#DBC2BC #DBC1C4 #DCC6D0 #DDCBD9 #DCD0DD #DAD5DE #DCDBDF

#DBC2BC - #DDCBD9 - #DCDBDF

CSS codes

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

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