#FF2E00 - #FEAFD1 | 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 #FF2E00 to #FEAFD1

#FF2E00 #FEAFD1

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

#FF2E00 - #FEAFD1 | 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 #FF2E00 as 0% and #FEAFD1 as 100%.

0.0%	0.0% #FF2E00	RGB 255 46 0	#FF2E00
16.7%	16.7% #FE4322	RGB 254 67 34	#FE4322
33.3%	33.3% #FE5945	RGB 254 89 69	#FE5945
50.0%	50.0% #FE6E68	RGB 254 110 104	#FE6E68
66.7%	66.7% #FE848B	RGB 254 132 139	#FE848B
83.3%	83.3% #FE99AE	RGB 254 153 174	#FE99AE
100.0%	100.0% #FEAFD1	RGB 254 175 209	#FEAFD1

#FF2E00 #FE4322 #FE5945 #FE6E68 #FE848B #FE99AE #FEAFD1

#FF2E00 - #FEAFD1

HSV Blend

#FF2E00 - #FEAFD1 | 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 #FF2E00 as 0% and #FEAFD1 as 100%.

0.0%	0.0% #FF2E00	RGB 255 46 0	#FF2E00
16.7%	16.7% #FE2E1D	RGB 254 46 29	#FE2E1D
33.3%	33.3% #FE3A3F	RGB 254 58 63	#FE3A3F
50.0%	50.0% #FE576C	RGB 254 87 108	#FE576C
66.7%	66.7% #FE7494	RGB 254 116 148	#FE7494
83.3%	83.3% #FE91B5	RGB 254 145 181	#FE91B5
100.0%	100.0% #FEAFD1	RGB 254 175 209	#FEAFD1

#FF2E00 #FE2E1D #FE3A3F #FE576C #FE7494 #FE91B5 #FEAFD1

#FF2E00 - #FE576C - #FEAFD1

CSS codes

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

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