#D9AF8C - #BA6A39 | 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 #D9AF8C to #BA6A39

#D9AF8C #BA6A39

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

#D9AF8C - #BA6A39 | 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 #D9AF8C as 0% and #BA6A39 as 100%.

0.0%	0.0% #D9AF8C	RGB 217 175 140	#D9AF8C
16.7%	16.7% #D3A37E	RGB 211 163 126	#D3A37E
33.3%	33.3% #CE9870	RGB 206 152 112	#CE9870
50.0%	50.0% #C98C62	RGB 201 140 98	#C98C62
66.7%	66.7% #C48154	RGB 196 129 84	#C48154
83.3%	83.3% #BF7546	RGB 191 117 70	#BF7546
100.0%	100.0% #BA6A39	RGB 186 106 57	#BA6A39

#D9AF8C #D3A37E #CE9870 #C98C62 #C48154 #BF7546 #BA6A39

#D9AF8C - #BA6A39

HSV Blend

#D9AF8C - #BA6A39 | 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 #D9AF8C as 0% and #BA6A39 as 100%.

0.0%	0.0% #D9AF8C	RGB 217 175 140	#D9AF8C
16.7%	16.7% #D3A37C	RGB 211 163 124	#D3A37C
33.3%	33.3% #CE976E	RGB 206 151 110	#CE976E
50.0%	50.0% #C98B5F	RGB 201 139 95	#C98B5F
66.7%	66.7% #C48052	RGB 196 128 82	#C48052
83.3%	83.3% #BF7545	RGB 191 117 69	#BF7545
100.0%	100.0% #BA6A39	RGB 186 106 57	#BA6A39

#D9AF8C #D3A37C #CE976E #C98B5F #C48052 #BF7545 #BA6A39

#D9AF8C - #C98B5F - #BA6A39

CSS codes

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

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