#F33E3E - #AF0F10 | 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 #F33E3E to #AF0F10

#F33E3E #AF0F10

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

#F33E3E - #AF0F10 | 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 #F33E3E as 0% and #AF0F10 as 100%.

0.0%	0.0% #F33E3E	RGB 243 62 62	#F33E3E
16.7%	16.7% #E73636	RGB 231 54 54	#E73636
33.3%	33.3% #DC2E2E	RGB 220 46 46	#DC2E2E
50.0%	50.0% #D12627	RGB 209 38 39	#D12627
66.7%	66.7% #C51E1F	RGB 197 30 31	#C51E1F
83.3%	83.3% #BA1617	RGB 186 22 23	#BA1617
100.0%	100.0% #AF0F10	RGB 175 15 16	#AF0F10

#F33E3E #E73636 #DC2E2E #D12627 #C51E1F #BA1617 #AF0F10

#F33E3E - #AF0F10

HSV Blend

#F33E3E - #AF0F10 | 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 #F33E3E as 0% and #AF0F10 as 100%.

0.0%	0.0% #F33E3E	RGB 243 62 62	#F33E3E
16.7%	16.7% #E73434	RGB 231 52 52	#E73434
33.3%	33.3% #DC2B2C	RGB 220 43 44	#DC2B2C
50.0%	50.0% #D12324	RGB 209 35 36	#D12324
66.7%	66.7% #C51C1C	RGB 197 28 28	#C51C1C
83.3%	83.3% #BA1516	RGB 186 21 22	#BA1516
100.0%	100.0% #AF0F10	RGB 175 15 16	#AF0F10

#F33E3E #E73434 #DC2B2C #D12324 #C51C1C #BA1516 #AF0F10

#F33E3E - #D12324 - #AF0F10

CSS codes

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

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