#CF4F3C - #931D0E | 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 #CF4F3C to #931D0E

#CF4F3C #931D0E

Calculate the color between two colors, #CF4F3C and #931D0E. 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)

#CF4F3C - #931D0E | 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 #CF4F3C as 0% and #931D0E as 100%.

0.0%	0.0% #CF4F3C	RGB 207 79 60	#CF4F3C
16.7%	16.7% #C54634	RGB 197 70 52	#C54634
33.3%	33.3% #BB3E2C	RGB 187 62 44	#BB3E2C
50.0%	50.0% #B13625	RGB 177 54 37	#B13625
66.7%	66.7% #A72D1D	RGB 167 45 29	#A72D1D
83.3%	83.3% #9D2515	RGB 157 37 21	#9D2515
100.0%	100.0% #931D0E	RGB 147 29 14	#931D0E

#CF4F3C #C54634 #BB3E2C #B13625 #A72D1D #9D2515 #931D0E

#CF4F3C - #931D0E

HSV Blend

#CF4F3C - #931D0E | 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 #CF4F3C as 0% and #931D0E as 100%.

0.0%	0.0% #CF4F3C	RGB 207 79 60	#CF4F3C
16.7%	16.7% #C54532	RGB 197 69 50	#C54532
33.3%	33.3% #BB3C2A	RGB 187 60 42	#BB3C2A
50.0%	50.0% #B13322	RGB 177 51 34	#B13322
66.7%	66.7% #A72B1A	RGB 167 43 26	#A72B1A
83.3%	83.3% #9D2314	RGB 157 35 20	#9D2314
100.0%	100.0% #931D0E	RGB 147 29 14	#931D0E

#CF4F3C #C54532 #BB3C2A #B13322 #A72B1A #9D2314 #931D0E

#CF4F3C - #B13322 - #931D0E

CSS codes

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

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