#FF6148 - #CD2012 | 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 #FF6148 to #CD2012

#FF6148 #CD2012

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

#FF6148 - #CD2012 | 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 #FF6148 as 0% and #CD2012 as 100%.

0.0%	0.0% #FF6148	RGB 255 97 72	#FF6148
16.7%	16.7% #F6563F	RGB 246 86 63	#F6563F
33.3%	33.3% #EE4B36	RGB 238 75 54	#EE4B36
50.0%	50.0% #E6402D	RGB 230 64 45	#E6402D
66.7%	66.7% #DD3524	RGB 221 53 36	#DD3524
83.3%	83.3% #D52A1B	RGB 213 42 27	#D52A1B
100.0%	100.0% #CD2012	RGB 205 32 18	#CD2012

#FF6148 #F6563F #EE4B36 #E6402D #DD3524 #D52A1B #CD2012

#FF6148 - #CD2012

HSV Blend

#FF6148 - #CD2012 | 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 #FF6148 as 0% and #CD2012 as 100%.

0.0%	0.0% #FF6147	RGB 255 97 71	#FF6147
16.7%	16.7% #F6553D	RGB 246 85 61	#F6553D
33.3%	33.3% #EE4933	RGB 238 73 51	#EE4933
50.0%	50.0% #E63E2A	RGB 230 62 42	#E63E2A
66.7%	66.7% #DD3321	RGB 221 51 33	#DD3321
83.3%	83.3% #D52919	RGB 213 41 25	#D52919
100.0%	100.0% #CD2012	RGB 205 32 18	#CD2012

#FF6147 #F6553D #EE4933 #E63E2A #DD3321 #D52919 #CD2012

#FF6148 - #E63E2A - #CD2012

CSS codes

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

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