#CF635D - #8D0E03 | 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 #CF635D to #8D0E03

#CF635D #8D0E03

Calculate the color between two colors, #CF635D and #8D0E03. 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)

#CF635D - #8D0E03 | 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 #CF635D as 0% and #8D0E03 as 100%.

0.0%	0.0% #CF635D	RGB 207 99 93	#CF635D
16.7%	16.7% #C4544E	RGB 196 84 78	#C4544E
33.3%	33.3% #B9463F	RGB 185 70 63	#B9463F
50.0%	50.0% #AE3830	RGB 174 56 48	#AE3830
66.7%	66.7% #A32A20	RGB 163 42 32	#A32A20
83.3%	83.3% #981C12	RGB 152 28 18	#981C12
100.0%	100.0% #8D0E03	RGB 141 14 3	#8D0E03

#CF635D #C4544E #B9463F #AE3830 #A32A20 #981C12 #8D0E03

#CF635D - #8D0E03

HSV Blend

#CF635D - #8D0E03 | 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 #CF635D as 0% and #8D0E03 as 100%.

0.0%	0.0% #CF635D	RGB 207 99 93	#CF635D
16.7%	16.7% #C4514A	RGB 196 81 74	#C4514A
33.3%	33.3% #B94038	RGB 185 64 56	#B94038
50.0%	50.0% #AE3128	RGB 174 49 40	#AE3128
66.7%	66.7% #A3241A	RGB 163 36 26	#A3241A
83.3%	83.3% #98180E	RGB 152 24 14	#98180E
100.0%	100.0% #8D0E03	RGB 141 14 3	#8D0E03

#CF635D #C4514A #B94038 #AE3128 #A3241A #98180E #8D0E03

#CF635D - #AE3128 - #8D0E03

CSS codes

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

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