#B6AE5E - #FFDD7C | 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 #B6AE5E to #FFDD7C

#B6AE5E #FFDD7C

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

#B6AE5E - #FFDD7C | 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 #B6AE5E as 0% and #FFDD7C as 100%.

0.0%	0.0% #B6AE5E	RGB 182 174 94	#B6AE5E
16.7%	16.7% #C2B563	RGB 194 181 99	#C2B563
33.3%	33.3% #CEBD68	RGB 206 189 104	#CEBD68
50.0%	50.0% #DAC56D	RGB 218 197 109	#DAC56D
66.7%	66.7% #E6CD72	RGB 230 205 114	#E6CD72
83.3%	83.3% #F2D577	RGB 242 213 119	#F2D577
100.0%	100.0% #FFDD7C	RGB 255 221 124	#FFDD7C

#B6AE5E #C2B563 #CEBD68 #DAC56D #E6CD72 #F2D577 #FFDD7C

#B6AE5E - #FFDD7C

HSV Blend

#B6AE5E - #FFDD7C | 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 #B6AE5E as 0% and #FFDD7C as 100%.

0.0%	0.0% #B6AE5E	RGB 182 174 94	#B6AE5E
16.7%	16.7% #C2B663	RGB 194 182 99	#C2B663
33.3%	33.3% #CEBF68	RGB 206 191 104	#CEBF68
50.0%	50.0% #DAC76D	RGB 218 199 109	#DAC76D
66.7%	66.7% #E6CF72	RGB 230 207 114	#E6CF72
83.3%	83.3% #F2D677	RGB 242 214 119	#F2D677
100.0%	100.0% #FFDD7C	RGB 255 221 124	#FFDD7C

#B6AE5E #C2B663 #CEBF68 #DAC76D #E6CF72 #F2D677 #FFDD7C

#B6AE5E - #DAC76D - #FFDD7C

CSS codes

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

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