#C8C0BD - #AB7A6A | 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 #C8C0BD to #AB7A6A

#C8C0BD #AB7A6A

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

#C8C0BD - #AB7A6A | 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 #C8C0BD as 0% and #AB7A6A as 100%.

0.0%	0.0% #C8C0BD	RGB 200 192 189	#C8C0BD
16.7%	16.7% #C3B4AF	RGB 195 180 175	#C3B4AF
33.3%	33.3% #BEA8A1	RGB 190 168 161	#BEA8A1
50.0%	50.0% #B99D93	RGB 185 157 147	#B99D93
66.7%	66.7% #B49185	RGB 180 145 133	#B49185
83.3%	83.3% #AF8577	RGB 175 133 119	#AF8577
100.0%	100.0% #AB7A6A	RGB 171 122 106	#AB7A6A

#C8C0BD #C3B4AF #BEA8A1 #B99D93 #B49185 #AF8577 #AB7A6A

#C8C0BD - #AB7A6A

HSV Blend

#C8C0BD - #AB7A6A | 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 #C8C0BD as 0% and #AB7A6A as 100%.

0.0%	0.0% #C8C0BD	RGB 200 192 189	#C8C0BD
16.7%	16.7% #C3B3AD	RGB 195 179 173	#C3B3AD
33.3%	33.3% #BEA79F	RGB 190 167 159	#BEA79F
50.0%	50.0% #B99B91	RGB 185 155 145	#B99B91
66.7%	66.7% #B49083	RGB 180 144 131	#B49083
83.3%	83.3% #AF8476	RGB 175 132 118	#AF8476
100.0%	100.0% #AB7A6A	RGB 171 122 106	#AB7A6A

#C8C0BD #C3B3AD #BEA79F #B99B91 #B49083 #AF8476 #AB7A6A

#C8C0BD - #B99B91 - #AB7A6A

CSS codes

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

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