#FB6E52 - #CF2916 | 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 #FB6E52 to #CF2916

#FB6E52 #CF2916

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

#FB6E52 - #CF2916 | 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 #FB6E52 as 0% and #CF2916 as 100%.

0.0%	0.0% #FB6E52	RGB 251 110 82	#FB6E52
16.7%	16.7% #F36248	RGB 243 98 72	#F36248
33.3%	33.3% #EC573E	RGB 236 87 62	#EC573E
50.0%	50.0% #E54B34	RGB 229 75 52	#E54B34
66.7%	66.7% #DD402A	RGB 221 64 42	#DD402A
83.3%	83.3% #D63420	RGB 214 52 32	#D63420
100.0%	100.0% #CF2916	RGB 207 41 22	#CF2916

#FB6E52 #F36248 #EC573E #E54B34 #DD402A #D63420 #CF2916

#FB6E52 - #CF2916

HSV Blend

#FB6E52 - #CF2916 | 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 #FB6E52 as 0% and #CF2916 as 100%.

0.0%	0.0% #FB6E52	RGB 251 110 82	#FB6E52
16.7%	16.7% #F36146	RGB 243 97 70	#F36146
33.3%	33.3% #EC553B	RGB 236 85 59	#EC553B
50.0%	50.0% #E54931	RGB 229 73 49	#E54931
66.7%	66.7% #DD3E27	RGB 221 62 39	#DD3E27
83.3%	83.3% #D6331E	RGB 214 51 30	#D6331E
100.0%	100.0% #CF2916	RGB 207 41 22	#CF2916

#FB6E52 #F36146 #EC553B #E54931 #DD3E27 #D6331E #CF2916

#FB6E52 - #E54931 - #CF2916

CSS codes

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

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