#DCCEB7 - #B69063 | 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 #DCCEB7 to #B69063

#DCCEB7 #B69063

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

#DCCEB7 - #B69063 | 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 #DCCEB7 as 0% and #B69063 as 100%.

0.0%	0.0% #DCCEB7	RGB 220 206 183	#DCCEB7
16.7%	16.7% #D5C3A9	RGB 213 195 169	#D5C3A9
33.3%	33.3% #CFB99B	RGB 207 185 155	#CFB99B
50.0%	50.0% #C9AF8D	RGB 201 175 141	#C9AF8D
66.7%	66.7% #C2A47F	RGB 194 164 127	#C2A47F
83.3%	83.3% #BC9A71	RGB 188 154 113	#BC9A71
100.0%	100.0% #B69063	RGB 182 144 99	#B69063

#DCCEB7 #D5C3A9 #CFB99B #C9AF8D #C2A47F #BC9A71 #B69063

#DCCEB7 - #B69063

HSV Blend

#DCCEB7 - #B69063 | 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 #DCCEB7 as 0% and #B69063 as 100%.

0.0%	0.0% #DCCEB7	RGB 220 206 183	#DCCEB7
16.7%	16.7% #D5C3A7	RGB 213 195 167	#D5C3A7
33.3%	33.3% #CFB998	RGB 207 185 152	#CFB998
50.0%	50.0% #C9AE8A	RGB 201 174 138	#C9AE8A
66.7%	66.7% #C2A47C	RGB 194 164 124	#C2A47C
83.3%	83.3% #BC9A6F	RGB 188 154 111	#BC9A6F
100.0%	100.0% #B69063	RGB 182 144 99	#B69063

#DCCEB7 #D5C3A7 #CFB998 #C9AE8A #C2A47C #BC9A6F #B69063

#DCCEB7 - #C9AE8A - #B69063

CSS codes

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

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