#FA6B6B - #FECC8D | 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 #FA6B6B to #FECC8D

#FA6B6B #FECC8D

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

#FA6B6B - #FECC8D | 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 #FA6B6B as 0% and #FECC8D as 100%.

0.0%	0.0% #FA6B6B	RGB 250 107 107	#FA6B6B
16.7%	16.7% #FA7B70	RGB 250 123 112	#FA7B70
33.3%	33.3% #FB8B76	RGB 251 139 118	#FB8B76
50.0%	50.0% #FC9B7C	RGB 252 155 124	#FC9B7C
66.7%	66.7% #FCAB81	RGB 252 171 129	#FCAB81
83.3%	83.3% #FDBB87	RGB 253 187 135	#FDBB87
100.0%	100.0% #FECC8D	RGB 254 204 141	#FECC8D

#FA6B6B #FA7B70 #FB8B76 #FC9B7C #FCAB81 #FDBB87 #FECC8D

#FA6B6B - #FECC8D

HSV Blend

#FA6B6B - #FECC8D | 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 #FA6B6B as 0% and #FECC8D as 100%.

0.0%	0.0% #FA6B6B	RGB 250 107 107	#FA6B6B
16.7%	16.7% #FA7D70	RGB 250 125 112	#FA7D70
33.3%	33.3% #FB8E76	RGB 251 142 118	#FB8E76
50.0%	50.0% #FC9F7B	RGB 252 159 123	#FC9F7B
66.7%	66.7% #FCAF81	RGB 252 175 129	#FCAF81
83.3%	83.3% #FDBE87	RGB 253 190 135	#FDBE87
100.0%	100.0% #FECC8D	RGB 254 204 141	#FECC8D

#FA6B6B #FA7D70 #FB8E76 #FC9F7B #FCAF81 #FDBE87 #FECC8D

#FA6B6B - #FC9F7B - #FECC8D

CSS codes

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

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