#FF3C42 - #FF9C44 | 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 #FF3C42 to #FF9C44

#FF3C42 #FF9C44

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

#FF3C42 - #FF9C44 | 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 #FF3C42 as 0% and #FF9C44 as 100%.

0.0%	0.0% #FF3C42	RGB 255 60 66	#FF3C42
16.7%	16.7% #FF4C42	RGB 255 76 66	#FF4C42
33.3%	33.3% #FF5C42	RGB 255 92 66	#FF5C42
50.0%	50.0% #FF6C43	RGB 255 108 67	#FF6C43
66.7%	66.7% #FF7C43	RGB 255 124 67	#FF7C43
83.3%	83.3% #FF8C43	RGB 255 140 67	#FF8C43
100.0%	100.0% #FF9C44	RGB 255 156 68	#FF9C44

#FF3C42 #FF4C42 #FF5C42 #FF6C43 #FF7C43 #FF8C43 #FF9C44

#FF3C42 - #FF9C44

HSV Blend

#FF3C42 - #FF9C44 | 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 #FF3C42 as 0% and #FF9C44 as 100%.

0.0%	0.0% #FF3B41	RGB 255 59 65	#FF3B41
16.7%	16.7% #FF473D	RGB 255 71 61	#FF473D
33.3%	33.3% #FF583E	RGB 255 88 62	#FF583E
50.0%	50.0% #FF6A3F	RGB 255 106 63	#FF6A3F
66.7%	66.7% #FF7A41	RGB 255 122 65	#FF7A41
83.3%	83.3% #FF8B42	RGB 255 139 66	#FF8B42
100.0%	100.0% #FF9C44	RGB 255 156 68	#FF9C44

#FF3B41 #FF473D #FF583E #FF6A3F #FF7A41 #FF8B42 #FF9C44

#FF3C42 - #FF6A3F - #FF9C44

CSS codes

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

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