#DBC2B5 - #FFCFC9 | 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 #DBC2B5 to #FFCFC9

#DBC2B5 #FFCFC9

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

#DBC2B5 - #FFCFC9 | 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 #DBC2B5 as 0% and #FFCFC9 as 100%.

0.0%	0.0% #DBC2B5	RGB 219 194 181	#DBC2B5
16.7%	16.7% #E1C4B8	RGB 225 196 184	#E1C4B8
33.3%	33.3% #E7C6BB	RGB 231 198 187	#E7C6BB
50.0%	50.0% #EDC8BF	RGB 237 200 191	#EDC8BF
66.7%	66.7% #F3CAC2	RGB 243 202 194	#F3CAC2
83.3%	83.3% #F9CCC5	RGB 249 204 197	#F9CCC5
100.0%	100.0% #FFCFC9	RGB 255 207 201	#FFCFC9

#DBC2B5 #E1C4B8 #E7C6BB #EDC8BF #F3CAC2 #F9CCC5 #FFCFC9

#DBC2B5 - #FFCFC9

HSV Blend

#DBC2B5 - #FFCFC9 | 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 #DBC2B5 as 0% and #FFCFC9 as 100%.

0.0%	0.0% #DBC2B5	RGB 219 194 181	#DBC2B5
16.7%	16.7% #E1C4B8	RGB 225 196 184	#E1C4B8
33.3%	33.3% #E7C7BB	RGB 231 199 187	#E7C7BB
50.0%	50.0% #EDC9BF	RGB 237 201 191	#EDC9BF
66.7%	66.7% #F3CBC2	RGB 243 203 194	#F3CBC2
83.3%	83.3% #F9CDC5	RGB 249 205 197	#F9CDC5
100.0%	100.0% #FFCFC9	RGB 255 207 201	#FFCFC9

#DBC2B5 #E1C4B8 #E7C7BB #EDC9BF #F3CBC2 #F9CDC5 #FFCFC9

#DBC2B5 - #EDC9BF - #FFCFC9

CSS codes

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

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