#DCBCA2 - #C0784C | 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 #DCBCA2 to #C0784C

#DCBCA2 #C0784C

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

#DCBCA2 - #C0784C | 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 #DCBCA2 as 0% and #C0784C as 100%.

0.0%	0.0% #DCBCA2	RGB 220 188 162	#DCBCA2
16.7%	16.7% #D7B093	RGB 215 176 147	#D7B093
33.3%	33.3% #D2A585	RGB 210 165 133	#D2A585
50.0%	50.0% #CE9A77	RGB 206 154 119	#CE9A77
66.7%	66.7% #C98E68	RGB 201 142 104	#C98E68
83.3%	83.3% #C4835A	RGB 196 131 90	#C4835A
100.0%	100.0% #C0784C	RGB 192 120 76	#C0784C

#DCBCA2 #D7B093 #D2A585 #CE9A77 #C98E68 #C4835A #C0784C

#DCBCA2 - #C0784C

HSV Blend

#DCBCA2 - #C0784C | 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 #DCBCA2 as 0% and #C0784C as 100%.

0.0%	0.0% #DCBCA2	RGB 220 188 162	#DCBCA2
16.7%	16.7% #D7B092	RGB 215 176 146	#D7B092
33.3%	33.3% #D2A583	RGB 210 165 131	#D2A583
50.0%	50.0% #CE9974	RGB 206 153 116	#CE9974
66.7%	66.7% #C98E66	RGB 201 142 102	#C98E66
83.3%	83.3% #C48359	RGB 196 131 89	#C48359
100.0%	100.0% #C0784C	RGB 192 120 76	#C0784C

#DCBCA2 #D7B092 #D2A583 #CE9974 #C98E66 #C48359 #C0784C

#DCBCA2 - #CE9974 - #C0784C

CSS codes

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

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