#C5AD8C - #A26C39 | 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 #C5AD8C to #A26C39

#C5AD8C #A26C39

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

#C5AD8C - #A26C39 | 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 #C5AD8C as 0% and #A26C39 as 100%.

0.0%	0.0% #C5AD8C	RGB 197 173 140	#C5AD8C
16.7%	16.7% #BFA27E	RGB 191 162 126	#BFA27E
33.3%	33.3% #B99770	RGB 185 151 112	#B99770
50.0%	50.0% #B38C62	RGB 179 140 98	#B38C62
66.7%	66.7% #AD8154	RGB 173 129 84	#AD8154
83.3%	83.3% #A77646	RGB 167 118 70	#A77646
100.0%	100.0% #A26C39	RGB 162 108 57	#A26C39

#C5AD8C #BFA27E #B99770 #B38C62 #AD8154 #A77646 #A26C39

#C5AD8C - #A26C39

HSV Blend

#C5AD8C - #A26C39 | 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 #C5AD8C as 0% and #A26C39 as 100%.

0.0%	0.0% #C5AD8C	RGB 197 173 140	#C5AD8C
16.7%	16.7% #BFA27C	RGB 191 162 124	#BFA27C
33.3%	33.3% #B9976D	RGB 185 151 109	#B9976D
50.0%	50.0% #B38C5F	RGB 179 140 95	#B38C5F
66.7%	66.7% #AD8151	RGB 173 129 81	#AD8151
83.3%	83.3% #A77645	RGB 167 118 69	#A77645
100.0%	100.0% #A26C39	RGB 162 108 57	#A26C39

#C5AD8C #BFA27C #B9976D #B38C5F #AD8151 #A77645 #A26C39

#C5AD8C - #B38C5F - #A26C39

CSS codes

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

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