#B6AF7A - #FFDF94 | 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 #B6AF7A to #FFDF94

#B6AF7A #FFDF94

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

#B6AF7A - #FFDF94 | 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 #B6AF7A as 0% and #FFDF94 as 100%.

0.0%	0.0% #B6AF7A	RGB 182 175 122	#B6AF7A
16.7%	16.7% #C2B77E	RGB 194 183 126	#C2B77E
33.3%	33.3% #CEBF82	RGB 206 191 130	#CEBF82
50.0%	50.0% #DAC787	RGB 218 199 135	#DAC787
66.7%	66.7% #E6CF8B	RGB 230 207 139	#E6CF8B
83.3%	83.3% #F2D78F	RGB 242 215 143	#F2D78F
100.0%	100.0% #FFDF94	RGB 255 223 148	#FFDF94

#B6AF7A #C2B77E #CEBF82 #DAC787 #E6CF8B #F2D78F #FFDF94

#B6AF7A - #FFDF94

HSV Blend

#B6AF7A - #FFDF94 | 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 #B6AF7A as 0% and #FFDF94 as 100%.

0.0%	0.0% #B6AF7A	RGB 182 175 122	#B6AF7A
16.7%	16.7% #C2B87F	RGB 194 184 127	#C2B87F
33.3%	33.3% #CEC184	RGB 206 193 132	#CEC184
50.0%	50.0% #DAC988	RGB 218 201 136	#DAC988
66.7%	66.7% #E6D18C	RGB 230 209 140	#E6D18C
83.3%	83.3% #F2D890	RGB 242 216 144	#F2D890
100.0%	100.0% #FFDF94	RGB 255 223 148	#FFDF94

#B6AF7A #C2B87F #CEC184 #DAC988 #E6D18C #F2D890 #FFDF94

#B6AF7A - #DAC988 - #FFDF94

CSS codes

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

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