#FF413B - #FFA449 | 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 #FF413B to #FFA449

#FF413B #FFA449

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

#FF413B - #FFA449 | 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 #FF413B as 0% and #FFA449 as 100%.

0.0%	0.0% #FF413B	RGB 255 65 59	#FF413B
16.7%	16.7% #FF513D	RGB 255 81 61	#FF513D
33.3%	33.3% #FF623F	RGB 255 98 63	#FF623F
50.0%	50.0% #FF7242	RGB 255 114 66	#FF7242
66.7%	66.7% #FF8344	RGB 255 131 68	#FF8344
83.3%	83.3% #FF9346	RGB 255 147 70	#FF9346
100.0%	100.0% #FFA449	RGB 255 164 73	#FFA449

#FF413B #FF513D #FF623F #FF7242 #FF8344 #FF9346 #FFA449

#FF413B - #FFA449

HSV Blend

#FF413B - #FFA449 | 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 #FF413B as 0% and #FFA449 as 100%.

0.0%	0.0% #FF413B	RGB 255 65 59	#FF413B
16.7%	16.7% #FF523D	RGB 255 82 61	#FF523D
33.3%	33.3% #FF633F	RGB 255 99 63	#FF633F
50.0%	50.0% #FF7442	RGB 255 116 66	#FF7442
66.7%	66.7% #FF8444	RGB 255 132 68	#FF8444
83.3%	83.3% #FF9446	RGB 255 148 70	#FF9446
100.0%	100.0% #FFA449	RGB 255 164 73	#FFA449

#FF413B #FF523D #FF633F #FF7442 #FF8444 #FF9446 #FFA449

#FF413B - #FF7442 - #FFA449

CSS codes

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

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