#FFB15C - #EFE986 | 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 #FFB15C to #EFE986

#FFB15C #EFE986

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

#FFB15C - #EFE986 | 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 #FFB15C as 0% and #EFE986 as 100%.

0.0%	0.0% #FFB15C	RGB 255 177 92	#FFB15C
16.7%	16.7% #FCBA63	RGB 252 186 99	#FCBA63
33.3%	33.3% #F9C36A	RGB 249 195 106	#F9C36A
50.0%	50.0% #F7CD71	RGB 247 205 113	#F7CD71
66.7%	66.7% #F4D678	RGB 244 214 120	#F4D678
83.3%	83.3% #F1DF7F	RGB 241 223 127	#F1DF7F
100.0%	100.0% #EFE986	RGB 239 233 134	#EFE986

#FFB15C #FCBA63 #F9C36A #F7CD71 #F4D678 #F1DF7F #EFE986

#FFB15C - #EFE986

HSV Blend

#FFB15C - #EFE986 | 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 #FFB15C as 0% and #EFE986 as 100%.

0.0%	0.0% #FFB15B	RGB 255 177 91	#FFB15B
16.7%	16.7% #FCBD63	RGB 252 189 99	#FCBD63
33.3%	33.3% #F9C96A	RGB 249 201 106	#F9C96A
50.0%	50.0% #F7D371	RGB 247 211 113	#F7D371
66.7%	66.7% #F4DB78	RGB 244 219 120	#F4DB78
83.3%	83.3% #F1E37F	RGB 241 227 127	#F1E37F
100.0%	100.0% #EFE986	RGB 239 233 134	#EFE986

#FFB15B #FCBD63 #F9C96A #F7D371 #F4DB78 #F1E37F #EFE986

#FFB15C - #F7D371 - #EFE986

CSS codes

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

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