#C4B6A1 - #AB8C4B | 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 #C4B6A1 to #AB8C4B

#C4B6A1 #AB8C4B

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

#C4B6A1 - #AB8C4B | 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 #C4B6A1 as 0% and #AB8C4B as 100%.

0.0%	0.0% #C4B6A1	RGB 196 182 161	#C4B6A1
16.7%	16.7% #BFAF92	RGB 191 175 146	#BFAF92
33.3%	33.3% #BBA884	RGB 187 168 132	#BBA884
50.0%	50.0% #B7A176	RGB 183 161 118	#B7A176
66.7%	66.7% #B39A67	RGB 179 154 103	#B39A67
83.3%	83.3% #AF9359	RGB 175 147 89	#AF9359
100.0%	100.0% #AB8C4B	RGB 171 140 75	#AB8C4B

#C4B6A1 #BFAF92 #BBA884 #B7A176 #B39A67 #AF9359 #AB8C4B

#C4B6A1 - #AB8C4B

HSV Blend

#C4B6A1 - #AB8C4B | 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 #C4B6A1 as 0% and #AB8C4B as 100%.

0.0%	0.0% #C4B6A1	RGB 196 182 161	#C4B6A1
16.7%	16.7% #BFAD91	RGB 191 173 145	#BFAD91
33.3%	33.3% #BBA682	RGB 187 166 130	#BBA682
50.0%	50.0% #B79E73	RGB 183 158 115	#B79E73
66.7%	66.7% #B39865	RGB 179 152 101	#B39865
83.3%	83.3% #AF9158	RGB 175 145 88	#AF9158
100.0%	100.0% #AB8C4B	RGB 171 140 75	#AB8C4B

#C4B6A1 #BFAD91 #BBA682 #B79E73 #B39865 #AF9158 #AB8C4B

#C4B6A1 - #B79E73 - #AB8C4B

CSS codes

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

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