#BA7B7B - #FDC99E | 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 #BA7B7B to #FDC99E

#BA7B7B #FDC99E

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

#BA7B7B - #FDC99E | 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 #BA7B7B as 0% and #FDC99E as 100%.

0.0%	0.0% #BA7B7B	RGB 186 123 123	#BA7B7B
16.7%	16.7% #C58880	RGB 197 136 128	#C58880
33.3%	33.3% #D09586	RGB 208 149 134	#D09586
50.0%	50.0% #DBA28C	RGB 219 162 140	#DBA28C
66.7%	66.7% #E6AF92	RGB 230 175 146	#E6AF92
83.3%	83.3% #F1BC98	RGB 241 188 152	#F1BC98
100.0%	100.0% #FDC99E	RGB 253 201 158	#FDC99E

#BA7B7B #C58880 #D09586 #DBA28C #E6AF92 #F1BC98 #FDC99E

#BA7B7B - #FDC99E

HSV Blend

#BA7B7B - #FDC99E | 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 #BA7B7B as 0% and #FDC99E as 100%.

0.0%	0.0% #BA7B7B	RGB 186 123 123	#BA7B7B
16.7%	16.7% #C58681	RGB 197 134 129	#C58681
33.3%	33.3% #D09287	RGB 208 146 135	#D09287
50.0%	50.0% #DB9E8D	RGB 219 158 141	#DB9E8D
66.7%	66.7% #E6AC92	RGB 230 172 146	#E6AC92
83.3%	83.3% #F1BA98	RGB 241 186 152	#F1BA98
100.0%	100.0% #FDC99E	RGB 253 201 158	#FDC99E

#BA7B7B #C58681 #D09287 #DB9E8D #E6AC92 #F1BA98 #FDC99E

#BA7B7B - #DB9E8D - #FDC99E

CSS codes

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

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