#FF6F2D - #CC310B | 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 #FF6F2D to #CC310B

#FF6F2D #CC310B

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

#FF6F2D - #CC310B | 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 #FF6F2D as 0% and #CC310B as 100%.

0.0%	0.0% #FF6F2D	RGB 255 111 45	#FF6F2D
16.7%	16.7% #F66427	RGB 246 100 39	#F66427
33.3%	33.3% #EE5A21	RGB 238 90 33	#EE5A21
50.0%	50.0% #E5501C	RGB 229 80 28	#E5501C
66.7%	66.7% #DD4516	RGB 221 69 22	#DD4516
83.3%	83.3% #D43B10	RGB 212 59 16	#D43B10
100.0%	100.0% #CC310B	RGB 204 49 11	#CC310B

#FF6F2D #F66427 #EE5A21 #E5501C #DD4516 #D43B10 #CC310B

#FF6F2D - #CC310B

HSV Blend

#FF6F2D - #CC310B | 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 #FF6F2D as 0% and #CC310B as 100%.

0.0%	0.0% #FF6F2C	RGB 255 111 44	#FF6F2C
16.7%	16.7% #F66326	RGB 246 99 38	#F66326
33.3%	33.3% #EE5820	RGB 238 88 32	#EE5820
50.0%	50.0% #E54E1A	RGB 229 78 26	#E54E1A
66.7%	66.7% #DD4414	RGB 221 68 20	#DD4414
83.3%	83.3% #D43A0F	RGB 212 58 15	#D43A0F
100.0%	100.0% #CC310B	RGB 204 49 11	#CC310B

#FF6F2C #F66326 #EE5820 #E54E1A #DD4414 #D43A0F #CC310B

#FF6F2D - #E54E1A - #CC310B

CSS codes

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

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