#B9BE5E - #FF8186 | 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 #B9BE5E to #FF8186

#B9BE5E #FF8186

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

#B9BE5E - #FF8186 | 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 #B9BE5E as 0% and #FF8186 as 100%.

0.0%	0.0% #B9BE5E	RGB 185 190 94	#B9BE5E
16.7%	16.7% #C4B364	RGB 196 179 100	#C4B364
33.3%	33.3% #D0A96B	RGB 208 169 107	#D0A96B
50.0%	50.0% #DC9F72	RGB 220 159 114	#DC9F72
66.7%	66.7% #E79578	RGB 231 149 120	#E79578
83.3%	83.3% #F38B7F	RGB 243 139 127	#F38B7F
100.0%	100.0% #FF8186	RGB 255 129 134	#FF8186

#B9BE5E #C4B364 #D0A96B #DC9F72 #E79578 #F38B7F #FF8186

#B9BE5E - #FF8186

HSV Blend

#B9BE5E - #FF8186 | 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 #B9BE5E as 0% and #FF8186 as 100%.

0.0%	0.0% #B9BE5E	RGB 185 190 94	#B9BE5E
16.7%	16.7% #C8BB63	RGB 200 187 99	#C8BB63
33.3%	33.3% #D3B269	RGB 211 178 105	#D3B269
50.0%	50.0% #DEA76F	RGB 222 167 111	#DEA76F
66.7%	66.7% #E99A75	RGB 233 154 117	#E99A75
83.3%	83.3% #F48C7B	RGB 244 140 123	#F48C7B
100.0%	100.0% #FF8186	RGB 255 129 134	#FF8186

#B9BE5E #C8BB63 #D3B269 #DEA76F #E99A75 #F48C7B #FF8186

#B9BE5E - #DEA76F - #FF8186

CSS codes

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

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