#C0AB9F - #A1654A | 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 #C0AB9F to #A1654A

#C0AB9F #A1654A

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

#C0AB9F - #A1654A | 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 #C0AB9F as 0% and #A1654A as 100%.

0.0%	0.0% #C0AB9F	RGB 192 171 159	#C0AB9F
16.7%	16.7% #BA9F90	RGB 186 159 144	#BA9F90
33.3%	33.3% #B59382	RGB 181 147 130	#B59382
50.0%	50.0% #B08874	RGB 176 136 116	#B08874
66.7%	66.7% #AB7C66	RGB 171 124 102	#AB7C66
83.3%	83.3% #A67058	RGB 166 112 88	#A67058
100.0%	100.0% #A1654A	RGB 161 101 74	#A1654A

#C0AB9F #BA9F90 #B59382 #B08874 #AB7C66 #A67058 #A1654A

#C0AB9F - #A1654A

HSV Blend

#C0AB9F - #A1654A | 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 #C0AB9F as 0% and #A1654A as 100%.

0.0%	0.0% #C0AB9F	RGB 192 171 159	#C0AB9F
16.7%	16.7% #BA9E8F	RGB 186 158 143	#BA9E8F
33.3%	33.3% #B59280	RGB 181 146 128	#B59280
50.0%	50.0% #B08671	RGB 176 134 113	#B08671
66.7%	66.7% #AB7B63	RGB 171 123 99	#AB7B63
83.3%	83.3% #A66F56	RGB 166 111 86	#A66F56
100.0%	100.0% #A1654A	RGB 161 101 74	#A1654A

#C0AB9F #BA9E8F #B59280 #B08671 #AB7B63 #A66F56 #A1654A

#C0AB9F - #B08671 - #A1654A

CSS codes

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

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