#DD8F8F - #C13D3B | 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 #DD8F8F to #C13D3B

#DD8F8F #C13D3B

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

#DD8F8F - #C13D3B | 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 #DD8F8F as 0% and #C13D3B as 100%.

0.0%	0.0% #DD8F8F	RGB 221 143 143	#DD8F8F
16.7%	16.7% #D88181	RGB 216 129 129	#D88181
33.3%	33.3% #D37373	RGB 211 115 115	#D37373
50.0%	50.0% #CF6665	RGB 207 102 101	#CF6665
66.7%	66.7% #CA5857	RGB 202 88 87	#CA5857
83.3%	83.3% #C54A49	RGB 197 74 73	#C54A49
100.0%	100.0% #C13D3B	RGB 193 61 59	#C13D3B

#DD8F8F #D88181 #D37373 #CF6665 #CA5857 #C54A49 #C13D3B

#DD8F8F - #C13D3B

HSV Blend

#DD8F8F - #C13D3B | 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 #DD8F8F as 0% and #C13D3B as 100%.

0.0%	0.0% #DD8F8F	RGB 221 143 143	#DD8F8F
16.7%	16.7% #D87F7F	RGB 216 127 127	#D87F7F
33.3%	33.3% #D37170	RGB 211 113 112	#D37170
50.0%	50.0% #CF6362	RGB 207 99 98	#CF6362
66.7%	66.7% #CA5654	RGB 202 86 84	#CA5654
83.3%	83.3% #C54947	RGB 197 73 71	#C54947
100.0%	100.0% #C13D3B	RGB 193 61 59	#C13D3B

#DD8F8F #D87F7F #D37170 #CF6362 #CA5654 #C54947 #C13D3B

#DD8F8F - #CF6362 - #C13D3B

CSS codes

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

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