#B5AA7E - #FFDD98 | 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 #B5AA7E to #FFDD98

#B5AA7E #FFDD98

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

#B5AA7E - #FFDD98 | 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 #B5AA7E as 0% and #FFDD98 as 100%.

0.0%	0.0% #B5AA7E	RGB 181 170 126	#B5AA7E
16.7%	16.7% #C1B282	RGB 193 178 130	#C1B282
33.3%	33.3% #CDBB86	RGB 205 187 134	#CDBB86
50.0%	50.0% #DAC38B	RGB 218 195 139	#DAC38B
66.7%	66.7% #E6CC8F	RGB 230 204 143	#E6CC8F
83.3%	83.3% #F2D493	RGB 242 212 147	#F2D493
100.0%	100.0% #FFDD98	RGB 255 221 152	#FFDD98

#B5AA7E #C1B282 #CDBB86 #DAC38B #E6CC8F #F2D493 #FFDD98

#B5AA7E - #FFDD98

HSV Blend

#B5AA7E - #FFDD98 | 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 #B5AA7E as 0% and #FFDD98 as 100%.

0.0%	0.0% #B5AA7E	RGB 181 170 126	#B5AA7E
16.7%	16.7% #C1B383	RGB 193 179 131	#C1B383
33.3%	33.3% #CDBC88	RGB 205 188 136	#CDBC88
50.0%	50.0% #DAC58C	RGB 218 197 140	#DAC58C
66.7%	66.7% #E6CD90	RGB 230 205 144	#E6CD90
83.3%	83.3% #F2D594	RGB 242 213 148	#F2D594
100.0%	100.0% #FFDD98	RGB 255 221 152	#FFDD98

#B5AA7E #C1B383 #CDBC88 #DAC58C #E6CD90 #F2D594 #FFDD98

#B5AA7E - #DAC58C - #FFDD98

CSS codes

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

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