#BDBD8C - #FFE5A3 | 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 #BDBD8C to #FFE5A3

#BDBD8C #FFE5A3

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

#BDBD8C - #FFE5A3 | 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 #BDBD8C as 0% and #FFE5A3 as 100%.

0.0%	0.0% #BDBD8C	RGB 189 189 140	#BDBD8C
16.7%	16.7% #C8C38F	RGB 200 195 143	#C8C38F
33.3%	33.3% #D3CA93	RGB 211 202 147	#D3CA93
50.0%	50.0% #DED197	RGB 222 209 151	#DED197
66.7%	66.7% #E9D79B	RGB 233 215 155	#E9D79B
83.3%	83.3% #F4DE9F	RGB 244 222 159	#F4DE9F
100.0%	100.0% #FFE5A3	RGB 255 229 163	#FFE5A3

#BDBD8C #C8C38F #D3CA93 #DED197 #E9D79B #F4DE9F #FFE5A3

#BDBD8C - #FFE5A3

HSV Blend

#BDBD8C - #FFE5A3 | 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 #BDBD8C as 0% and #FFE5A3 as 100%.

0.0%	0.0% #BDBD8C	RGB 189 189 140	#BDBD8C
16.7%	16.7% #C8C590	RGB 200 197 144	#C8C590
33.3%	33.3% #D3CD95	RGB 211 205 149	#D3CD95
50.0%	50.0% #DED499	RGB 222 212 153	#DED499
66.7%	66.7% #E9DA9C	RGB 233 218 156	#E9DA9C
83.3%	83.3% #F4E0A0	RGB 244 224 160	#F4E0A0
100.0%	100.0% #FFE5A3	RGB 255 229 163	#FFE5A3

#BDBD8C #C8C590 #D3CD95 #DED499 #E9DA9C #F4E0A0 #FFE5A3

#BDBD8C - #DED499 - #FFE5A3

CSS codes

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

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