#BF5E62 - #FED199 | 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 #BF5E62 to #FED199

#BF5E62 #FED199

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

#BF5E62 - #FED199 | 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 #BF5E62 as 0% and #FED199 as 100%.

0.0%	0.0% #BF5E62	RGB 191 94 98	#BF5E62
16.7%	16.7% #C9716B	RGB 201 113 107	#C9716B
33.3%	33.3% #D48474	RGB 212 132 116	#D48474
50.0%	50.0% #DE977D	RGB 222 151 125	#DE977D
66.7%	66.7% #E9AA86	RGB 233 170 134	#E9AA86
83.3%	83.3% #F3BD8F	RGB 243 189 143	#F3BD8F
100.0%	100.0% #FED199	RGB 254 209 153	#FED199

#BF5E62 #C9716B #D48474 #DE977D #E9AA86 #F3BD8F #FED199

#BF5E62 - #FED199

HSV Blend

#BF5E62 - #FED199 | 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 #BF5E62 as 0% and #FED199 as 100%.

0.0%	0.0% #BF5E62	RGB 191 94 98	#BF5E62
16.7%	16.7% #C96C66	RGB 201 108 102	#C96C66
33.3%	33.3% #D47F70	RGB 212 127 112	#D47F70
50.0%	50.0% #DE9379	RGB 222 147 121	#DE9379
66.7%	66.7% #E9A783	RGB 233 167 131	#E9A783
83.3%	83.3% #F3BC8E	RGB 243 188 142	#F3BC8E
100.0%	100.0% #FED199	RGB 254 209 153	#FED199

#BF5E62 #C96C66 #D47F70 #DE9379 #E9A783 #F3BC8E #FED199

#BF5E62 - #DE9379 - #FED199

CSS codes

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

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