#FF7A00 - #FEAFB9 | 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 #FF7A00 to #FEAFB9

#FF7A00 #FEAFB9

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

#FF7A00 - #FEAFB9 | 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 #FF7A00 as 0% and #FEAFB9 as 100%.

0.0%	0.0% #FF7A00	RGB 255 122 0	#FF7A00
16.7%	16.7% #FE821E	RGB 254 130 30	#FE821E
33.3%	33.3% #FE8B3D	RGB 254 139 61	#FE8B3D
50.0%	50.0% #FE945C	RGB 254 148 92	#FE945C
66.7%	66.7% #FE9D7B	RGB 254 157 123	#FE9D7B
83.3%	83.3% #FEA69A	RGB 254 166 154	#FEA69A
100.0%	100.0% #FEAFB9	RGB 254 175 185	#FEAFB9

#FF7A00 #FE821E #FE8B3D #FE945C #FE9D7B #FEA69A #FEAFB9

#FF7A00 - #FEAFB9

HSV Blend

#FF7A00 - #FEAFB9 | 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 #FF7A00 as 0% and #FEAFB9 as 100%.

0.0%	0.0% #FF7A00	RGB 255 122 0	#FF7A00
16.7%	16.7% #FE721D	RGB 254 114 29	#FE721D
33.3%	33.3% #FE703A	RGB 254 112 58	#FE703A
50.0%	50.0% #FE7557	RGB 254 117 87	#FE7557
66.7%	66.7% #FE7F74	RGB 254 127 116	#FE7F74
83.3%	83.3% #FE9194	RGB 254 145 148	#FE9194
100.0%	100.0% #FEAFB9	RGB 254 175 185	#FEAFB9

#FF7A00 #FE721D #FE703A #FE7557 #FE7F74 #FE9194 #FEAFB9

#FF7A00 - #FE7557 - #FEAFB9

CSS codes

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

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