#C0C0CF - #36363B | 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 #C0C0CF to #36363B

#C0C0CF #36363B

Calculate the color between two colors, #C0C0CF and #36363B. 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)

#C0C0CF - #36363B | 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 #C0C0CF as 0% and #36363B as 100%.

0.0%	0.0% #C0C0CF	RGB 192 192 207	#C0C0CF
16.7%	16.7% #A9A9B6	RGB 169 169 182	#A9A9B6
33.3%	33.3% #92929D	RGB 146 146 157	#92929D
50.0%	50.0% #7B7B85	RGB 123 123 133	#7B7B85
66.7%	66.7% #64646C	RGB 100 100 108	#64646C
83.3%	83.3% #4D4D53	RGB 77 77 83	#4D4D53
100.0%	100.0% #36363B	RGB 54 54 59	#36363B

#C0C0CF #A9A9B6 #92929D #7B7B85 #64646C #4D4D53 #36363B

#C0C0CF - #36363B

HSV Blend

#C0C0CF - #36363B | 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 #C0C0CF as 0% and #36363B as 100%.

0.0%	0.0% #C0C0CF	RGB 192 192 207	#C0C0CF
16.7%	16.7% #A8A8B6	RGB 168 168 182	#A8A8B6
33.3%	33.3% #91919D	RGB 145 145 157	#91919D
50.0%	50.0% #7A7A85	RGB 122 122 133	#7A7A85
66.7%	66.7% #63636C	RGB 99 99 108	#63636C
83.3%	83.3% #4C4C53	RGB 76 76 83	#4C4C53
100.0%	100.0% #36363B	RGB 54 54 59	#36363B

#C0C0CF #A8A8B6 #91919D #7A7A85 #63636C #4C4C53 #36363B

#C0C0CF - #7A7A85 - #36363B

CSS codes

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

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