#DBD1CC - #C08F7B | 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 #DBD1CC to #C08F7B

#DBD1CC #C08F7B

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

#DBD1CC - #C08F7B | 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 #DBD1CC as 0% and #C08F7B as 100%.

0.0%	0.0% #DBD1CC	RGB 219 209 204	#DBD1CC
16.7%	16.7% #D6C6BE	RGB 214 198 190	#D6C6BE
33.3%	33.3% #D2BBB1	RGB 210 187 177	#D2BBB1
50.0%	50.0% #CDB0A3	RGB 205 176 163	#CDB0A3
66.7%	66.7% #C9A596	RGB 201 165 150	#C9A596
83.3%	83.3% #C49A88	RGB 196 154 136	#C49A88
100.0%	100.0% #C08F7B	RGB 192 143 123	#C08F7B

#DBD1CC #D6C6BE #D2BBB1 #CDB0A3 #C9A596 #C49A88 #C08F7B

#DBD1CC - #C08F7B

HSV Blend

#DBD1CC - #C08F7B | 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 #DBD1CC as 0% and #C08F7B as 100%.

0.0%	0.0% #DBD1CC	RGB 219 209 204	#DBD1CC
16.7%	16.7% #D6C5BD	RGB 214 197 189	#D6C5BD
33.3%	33.3% #D2BAAF	RGB 210 186 175	#D2BAAF
50.0%	50.0% #CDAFA1	RGB 205 175 161	#CDAFA1
66.7%	66.7% #C9A494	RGB 201 164 148	#C9A494
83.3%	83.3% #C49987	RGB 196 153 135	#C49987
100.0%	100.0% #C08F7B	RGB 192 143 123	#C08F7B

#DBD1CC #D6C5BD #D2BAAF #CDAFA1 #C9A494 #C49987 #C08F7B

#DBD1CC - #CDAFA1 - #C08F7B

CSS codes

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

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