#F66F3C - #C52F0E | 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 #F66F3C to #C52F0E

#F66F3C #C52F0E

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

#F66F3C - #C52F0E | 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 #F66F3C as 0% and #C52F0E as 100%.

0.0%	0.0% #F66F3C	RGB 246 111 60	#F66F3C
16.7%	16.7% #ED6434	RGB 237 100 52	#ED6434
33.3%	33.3% #E5592C	RGB 229 89 44	#E5592C
50.0%	50.0% #DD4F25	RGB 221 79 37	#DD4F25
66.7%	66.7% #D5441D	RGB 213 68 29	#D5441D
83.3%	83.3% #CD3915	RGB 205 57 21	#CD3915
100.0%	100.0% #C52F0E	RGB 197 47 14	#C52F0E

#F66F3C #ED6434 #E5592C #DD4F25 #D5441D #CD3915 #C52F0E

#F66F3C - #C52F0E

HSV Blend

#F66F3C - #C52F0E | 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 #F66F3C as 0% and #C52F0E as 100%.

0.0%	0.0% #F66F3C	RGB 246 111 60	#F66F3C
16.7%	16.7% #ED6333	RGB 237 99 51	#ED6333
33.3%	33.3% #E5582A	RGB 229 88 42	#E5582A
50.0%	50.0% #DD4D22	RGB 221 77 34	#DD4D22
66.7%	66.7% #D5421B	RGB 213 66 27	#D5421B
83.3%	83.3% #CD3814	RGB 205 56 20	#CD3814
100.0%	100.0% #C52F0E	RGB 197 47 14	#C52F0E

#F66F3C #ED6333 #E5582A #DD4D22 #D5421B #CD3814 #C52F0E

#F66F3C - #DD4D22 - #C52F0E

CSS codes

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

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