#BD9C8F - #FFDCAE | 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 #BD9C8F to #FFDCAE

#BD9C8F #FFDCAE

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

#BD9C8F - #FFDCAE | 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 #BD9C8F as 0% and #FFDCAE as 100%.

0.0%	0.0% #BD9C8F	RGB 189 156 143	#BD9C8F
16.7%	16.7% #C8A694	RGB 200 166 148	#C8A694
33.3%	33.3% #D3B199	RGB 211 177 153	#D3B199
50.0%	50.0% #DEBC9E	RGB 222 188 158	#DEBC9E
66.7%	66.7% #E9C6A3	RGB 233 198 163	#E9C6A3
83.3%	83.3% #F4D1A8	RGB 244 209 168	#F4D1A8
100.0%	100.0% #FFDCAE	RGB 255 220 174	#FFDCAE

#BD9C8F #C8A694 #D3B199 #DEBC9E #E9C6A3 #F4D1A8 #FFDCAE

#BD9C8F - #FFDCAE

HSV Blend

#BD9C8F - #FFDCAE | 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 #BD9C8F as 0% and #FFDCAE as 100%.

0.0%	0.0% #BD9C8F	RGB 189 156 143	#BD9C8F
16.7%	16.7% #C8A594	RGB 200 165 148	#C8A594
33.3%	33.3% #D3AF9A	RGB 211 175 154	#D3AF9A
50.0%	50.0% #DEBA9F	RGB 222 186 159	#DEBA9F
66.7%	66.7% #E9C5A4	RGB 233 197 164	#E9C5A4
83.3%	83.3% #F4D0A9	RGB 244 208 169	#F4D0A9
100.0%	100.0% #FFDCAE	RGB 255 220 174	#FFDCAE

#BD9C8F #C8A594 #D3AF9A #DEBA9F #E9C5A4 #F4D0A9 #FFDCAE

#BD9C8F - #DEBA9F - #FFDCAE

CSS codes

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

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