#FF3E48 - #FFA04C | 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 #FF3E48 to #FFA04C

#FF3E48 #FFA04C

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

#FF3E48 - #FFA04C | 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 #FF3E48 as 0% and #FFA04C as 100%.

0.0%	0.0% #FF3E48	RGB 255 62 72	#FF3E48
16.7%	16.7% #FF4E48	RGB 255 78 72	#FF4E48
33.3%	33.3% #FF5E49	RGB 255 94 73	#FF5E49
50.0%	50.0% #FF6F4A	RGB 255 111 74	#FF6F4A
66.7%	66.7% #FF7F4A	RGB 255 127 74	#FF7F4A
83.3%	83.3% #FF8F4B	RGB 255 143 75	#FF8F4B
100.0%	100.0% #FFA04C	RGB 255 160 76	#FFA04C

#FF3E48 #FF4E48 #FF5E49 #FF6F4A #FF7F4A #FF8F4B #FFA04C

#FF3E48 - #FFA04C

HSV Blend

#FF3E48 - #FFA04C | 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 #FF3E48 as 0% and #FFA04C as 100%.

0.0%	0.0% #FF3D47	RGB 255 61 71	#FF3D47
16.7%	16.7% #FF4740	RGB 255 71 64	#FF4740
33.3%	33.3% #FF5942	RGB 255 89 66	#FF5942
50.0%	50.0% #FF6B44	RGB 255 107 68	#FF6B44
66.7%	66.7% #FF7D47	RGB 255 125 71	#FF7D47
83.3%	83.3% #FF8F49	RGB 255 143 73	#FF8F49
100.0%	100.0% #FFA04C	RGB 255 160 76	#FFA04C

#FF3D47 #FF4740 #FF5942 #FF6B44 #FF7D47 #FF8F49 #FFA04C

#FF3E48 - #FF6B44 - #FFA04C

CSS codes

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

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