#C74C0B - #FF9F02 | 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 #C74C0B to #FF9F02

#C74C0B #FF9F02

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

#C74C0B - #FF9F02 | 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 #C74C0B as 0% and #FF9F02 as 100%.

0.0%	0.0% #C74C0B	RGB 199 76 11	#C74C0B
16.7%	16.7% #D05909	RGB 208 89 9	#D05909
33.3%	33.3% #D96708	RGB 217 103 8	#D96708
50.0%	50.0% #E37506	RGB 227 117 6	#E37506
66.7%	66.7% #EC8305	RGB 236 131 5	#EC8305
83.3%	83.3% #F59103	RGB 245 145 3	#F59103
100.0%	100.0% #FF9F02	RGB 255 159 2	#FF9F02

#C74C0B #D05909 #D96708 #E37506 #EC8305 #F59103 #FF9F02

#C74C0B - #FF9F02

HSV Blend

#C74C0B - #FF9F02 | 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 #C74C0B as 0% and #FF9F02 as 100%.

0.0%	0.0% #C74C0B	RGB 199 76 11	#C74C0B
16.7%	16.7% #D05709	RGB 208 87 9	#D05709
33.3%	33.3% #D96408	RGB 217 100 8	#D96408
50.0%	50.0% #E37107	RGB 227 113 7	#E37107
66.7%	66.7% #EC7F05	RGB 236 127 5	#EC7F05
83.3%	83.3% #F58E03	RGB 245 142 3	#F58E03
100.0%	100.0% #FF9F02	RGB 255 159 2	#FF9F02

#C74C0B #D05709 #D96408 #E37107 #EC7F05 #F58E03 #FF9F02

#C74C0B - #E37107 - #FF9F02

CSS codes

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

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