#FF7F50 - #F6D26F | 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 #FF7F50 to #F6D26F

#FF7F50 #F6D26F

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

#FF7F50 - #F6D26F | 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 #FF7F50 as 0% and #F6D26F as 100%.

0.0%	0.0% #FF7F50	RGB 255 127 80	#FF7F50
16.7%	16.7% #FD8C55	RGB 253 140 85	#FD8C55
33.3%	33.3% #FC9A5A	RGB 252 154 90	#FC9A5A
50.0%	50.0% #FAA85F	RGB 250 168 95	#FAA85F
66.7%	66.7% #F9B664	RGB 249 182 100	#F9B664
83.3%	83.3% #F7C469	RGB 247 196 105	#F7C469
100.0%	100.0% #F6D26F	RGB 246 210 111	#F6D26F

#FF7F50 #FD8C55 #FC9A5A #FAA85F #F9B664 #F7C469 #F6D26F

#FF7F50 - #F6D26F

HSV Blend

#FF7F50 - #F6D26F | 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 #FF7F50 as 0% and #F6D26F as 100%.

0.0%	0.0% #FF7F4F	RGB 255 127 79	#FF7F4F
16.7%	16.7% #FD8F55	RGB 253 143 85	#FD8F55
33.3%	33.3% #FC9E5A	RGB 252 158 90	#FC9E5A
50.0%	50.0% #FAAD5F	RGB 250 173 95	#FAAD5F
66.7%	66.7% #F9BA64	RGB 249 186 100	#F9BA64
83.3%	83.3% #F7C66A	RGB 247 198 106	#F7C66A
100.0%	100.0% #F6D26F	RGB 246 210 111	#F6D26F

#FF7F4F #FD8F55 #FC9E5A #FAAD5F #F9BA64 #F7C66A #F6D26F

#FF7F50 - #FAAD5F - #F6D26F

CSS codes

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

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