#DF8F8F - #C43D3B | 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 #DF8F8F to #C43D3B

#DF8F8F #C43D3B

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

#DF8F8F - #C43D3B | 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 #DF8F8F as 0% and #C43D3B as 100%.

0.0%	0.0% #DF8F8F	RGB 223 143 143	#DF8F8F
16.7%	16.7% #DA8181	RGB 218 129 129	#DA8181
33.3%	33.3% #D67373	RGB 214 115 115	#D67373
50.0%	50.0% #D16665	RGB 209 102 101	#D16665
66.7%	66.7% #CD5857	RGB 205 88 87	#CD5857
83.3%	83.3% #C84A49	RGB 200 74 73	#C84A49
100.0%	100.0% #C43D3B	RGB 196 61 59	#C43D3B

#DF8F8F #DA8181 #D67373 #D16665 #CD5857 #C84A49 #C43D3B

#DF8F8F - #C43D3B

HSV Blend

#DF8F8F - #C43D3B | 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 #DF8F8F as 0% and #C43D3B as 100%.

0.0%	0.0% #DF8F8F	RGB 223 143 143	#DF8F8F
16.7%	16.7% #DA7F7F	RGB 218 127 127	#DA7F7F
33.3%	33.3% #D67170	RGB 214 113 112	#D67170
50.0%	50.0% #D16362	RGB 209 99 98	#D16362
66.7%	66.7% #CD5654	RGB 205 86 84	#CD5654
83.3%	83.3% #C84947	RGB 200 73 71	#C84947
100.0%	100.0% #C43D3B	RGB 196 61 59	#C43D3B

#DF8F8F #DA7F7F #D67170 #D16362 #CD5654 #C84947 #C43D3B

#DF8F8F - #D16362 - #C43D3B

CSS codes

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

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