#FF414C - #FFA352 | 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 #FF414C to #FFA352

#FF414C #FFA352

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

#FF414C - #FFA352 | 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 #FF414C as 0% and #FFA352 as 100%.

0.0%	0.0% #FF414C	RGB 255 65 76	#FF414C
16.7%	16.7% #FF514D	RGB 255 81 77	#FF514D
33.3%	33.3% #FF614E	RGB 255 97 78	#FF614E
50.0%	50.0% #FF724F	RGB 255 114 79	#FF724F
66.7%	66.7% #FF8250	RGB 255 130 80	#FF8250
83.3%	83.3% #FF9251	RGB 255 146 81	#FF9251
100.0%	100.0% #FFA352	RGB 255 163 82	#FFA352

#FF414C #FF514D #FF614E #FF724F #FF8250 #FF9251 #FFA352

#FF414C - #FFA352

HSV Blend

#FF414C - #FFA352 | 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 #FF414C as 0% and #FFA352 as 100%.

0.0%	0.0% #FF414B	RGB 255 65 75	#FF414B
16.7%	16.7% #FF4943	RGB 255 73 67	#FF4943
33.3%	33.3% #FF5C46	RGB 255 92 70	#FF5C46
50.0%	50.0% #FF6E49	RGB 255 110 73	#FF6E49
66.7%	66.7% #FF804C	RGB 255 128 76	#FF804C
83.3%	83.3% #FF924F	RGB 255 146 79	#FF924F
100.0%	100.0% #FFA352	RGB 255 163 82	#FFA352

#FF414B #FF4943 #FF5C46 #FF6E49 #FF804C #FF924F #FFA352

#FF414C - #FF6E49 - #FFA352

CSS codes

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

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