#B9C07B - #FCE9A0 | 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 #B9C07B to #FCE9A0

#B9C07B #FCE9A0

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

#B9C07B - #FCE9A0 | 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 #B9C07B as 0% and #FCE9A0 as 100%.

0.0%	0.0% #B9C07B	RGB 185 192 123	#B9C07B
16.7%	16.7% #C4C681	RGB 196 198 129	#C4C681
33.3%	33.3% #CFCD87	RGB 207 205 135	#CFCD87
50.0%	50.0% #DAD48D	RGB 218 212 141	#DAD48D
66.7%	66.7% #E5DB93	RGB 229 219 147	#E5DB93
83.3%	83.3% #F0E299	RGB 240 226 153	#F0E299
100.0%	100.0% #FCE9A0	RGB 252 233 160	#FCE9A0

#B9C07B #C4C681 #CFCD87 #DAD48D #E5DB93 #F0E299 #FCE9A0

#B9C07B - #FCE9A0

HSV Blend

#B9C07B - #FCE9A0 | 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 #B9C07B as 0% and #FCE9A0 as 100%.

0.0%	0.0% #B9C07B	RGB 185 192 123	#B9C07B
16.7%	16.7% #C6CA81	RGB 198 202 129	#C6CA81
33.3%	33.3% #D4D387	RGB 212 211 135	#D4D387
50.0%	50.0% #DED98D	RGB 222 217 141	#DED98D
66.7%	66.7% #E8DF93	RGB 232 223 147	#E8DF93
83.3%	83.3% #F2E499	RGB 242 228 153	#F2E499
100.0%	100.0% #FCE9A0	RGB 252 233 160	#FCE9A0

#B9C07B #C6CA81 #D4D387 #DED98D #E8DF93 #F2E499 #FCE9A0

#B9C07B - #DED98D - #FCE9A0

CSS codes

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

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