#C0A8AF - #363032 | 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 #C0A8AF to #363032

#C0A8AF #363032

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

#C0A8AF - #363032 | 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 #C0A8AF as 0% and #363032 as 100%.

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #A9949A	RGB 169 148 154	#A9949A
33.3%	33.3% #928085	RGB 146 128 133	#928085
50.0%	50.0% #7B6C70	RGB 123 108 112	#7B6C70
66.7%	66.7% #64585B	RGB 100 88 91	#64585B
83.3%	83.3% #4D4446	RGB 77 68 70	#4D4446
100.0%	100.0% #363032	RGB 54 48 50	#363032

#C0A8AF #A9949A #928085 #7B6C70 #64585B #4D4446 #363032

#C0A8AF - #363032

HSV Blend

#C0A8AF - #363032 | 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 #C0A8AF as 0% and #363032 as 100%.

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #A9949A	RGB 169 148 154	#A9949A
33.3%	33.3% #928085	RGB 146 128 133	#928085
50.0%	50.0% #7B6C71	RGB 123 108 113	#7B6C71
66.7%	66.7% #64585C	RGB 100 88 92	#64585C
83.3%	83.3% #4D4447	RGB 77 68 71	#4D4447
100.0%	100.0% #363032	RGB 54 48 50	#363032

#C0A8AF #A9949A #928085 #7B6C71 #64585C #4D4447 #363032

#C0A8AF - #7B6C71 - #363032

CSS codes

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

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