#DC9F8F - #C0533B | 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 #DC9F8F to #C0533B

#DC9F8F #C0533B

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

#DC9F8F - #C0533B | 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 #DC9F8F as 0% and #C0533B as 100%.

0.0%	0.0% #DC9F8F	RGB 220 159 143	#DC9F8F
16.7%	16.7% #D79281	RGB 215 146 129	#D79281
33.3%	33.3% #D28573	RGB 210 133 115	#D28573
50.0%	50.0% #CE7965	RGB 206 121 101	#CE7965
66.7%	66.7% #C96C57	RGB 201 108 87	#C96C57
83.3%	83.3% #C45F49	RGB 196 95 73	#C45F49
100.0%	100.0% #C0533B	RGB 192 83 59	#C0533B

#DC9F8F #D79281 #D28573 #CE7965 #C96C57 #C45F49 #C0533B

#DC9F8F - #C0533B

HSV Blend

#DC9F8F - #C0533B | 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 #DC9F8F as 0% and #C0533B as 100%.

0.0%	0.0% #DC9F8F	RGB 220 159 143	#DC9F8F
16.7%	16.7% #D7917F	RGB 215 145 127	#D7917F
33.3%	33.3% #D28470	RGB 210 132 112	#D28470
50.0%	50.0% #CE7762	RGB 206 119 98	#CE7762
66.7%	66.7% #C96A54	RGB 201 106 84	#C96A54
83.3%	83.3% #C45E47	RGB 196 94 71	#C45E47
100.0%	100.0% #C0533B	RGB 192 83 59	#C0533B

#DC9F8F #D7917F #D28470 #CE7762 #C96A54 #C45E47 #C0533B

#DC9F8F - #CE7762 - #C0533B

CSS codes

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

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