#CF4F3C - #FF9F4F | 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 #FF9F4F

#CF4F3C #FF9F4F

Calculate the color between two colors, #CF4F3C and #FF9F4F. 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 - #FF9F4F | 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 #FF9F4F as 100%.

0.0%	0.0% #CF4F3C	RGB 207 79 60	#CF4F3C
16.7%	16.7% #D75C3F	RGB 215 92 63	#D75C3F
33.3%	33.3% #DF6942	RGB 223 105 66	#DF6942
50.0%	50.0% #E77745	RGB 231 119 69	#E77745
66.7%	66.7% #EF8448	RGB 239 132 72	#EF8448
83.3%	83.3% #F7914B	RGB 247 145 75	#F7914B
100.0%	100.0% #FF9F4F	RGB 255 159 79	#FF9F4F

#CF4F3C #D75C3F #DF6942 #E77745 #EF8448 #F7914B #FF9F4F

#CF4F3C - #FF9F4F

HSV Blend

#CF4F3C - #FF9F4F | 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 #FF9F4F as 100%.

0.0%	0.0% #CF4F3C	RGB 207 79 60	#CF4F3C
16.7%	16.7% #D75A3F	RGB 215 90 63	#D75A3F
33.3%	33.3% #DF6742	RGB 223 103 66	#DF6742
50.0%	50.0% #E77445	RGB 231 116 69	#E77445
66.7%	66.7% #EF8248	RGB 239 130 72	#EF8248
83.3%	83.3% #F7904B	RGB 247 144 75	#F7904B
100.0%	100.0% #FF9F4F	RGB 255 159 79	#FF9F4F

#CF4F3C #D75A3F #DF6742 #E77445 #EF8248 #F7904B #FF9F4F

#CF4F3C - #E77445 - #FF9F4F

CSS codes

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

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