#C0C8C7 - #363938 | 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 #C0C8C7 to #363938

#C0C8C7 #363938

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

#C0C8C7 - #363938 | 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 #C0C8C7 as 0% and #363938 as 100%.

0.0%	0.0% #C0C8C7	RGB 192 200 199	#C0C8C7
16.7%	16.7% #A9B0AF	RGB 169 176 175	#A9B0AF
33.3%	33.3% #929897	RGB 146 152 151	#929897
50.0%	50.0% #7B807F	RGB 123 128 127	#7B807F
66.7%	66.7% #646867	RGB 100 104 103	#646867
83.3%	83.3% #4D504F	RGB 77 80 79	#4D504F
100.0%	100.0% #363938	RGB 54 57 56	#363938

#C0C8C7 #A9B0AF #929897 #7B807F #646867 #4D504F #363938

#C0C8C7 - #363938

HSV Blend

#C0C8C7 - #363938 | 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 #C0C8C7 as 0% and #363938 as 100%.

0.0%	0.0% #C0C8C7	RGB 192 200 199	#C0C8C7
16.7%	16.7% #A8B0AE	RGB 168 176 174	#A8B0AE
33.3%	33.3% #919897	RGB 145 152 151	#919897
50.0%	50.0% #7A807F	RGB 122 128 127	#7A807F
66.7%	66.7% #636867	RGB 99 104 103	#636867
83.3%	83.3% #4C504F	RGB 76 80 79	#4C504F
100.0%	100.0% #363938	RGB 54 57 56	#363938

#C0C8C7 #A8B0AE #919897 #7A807F #636867 #4C504F #363938

#C0C8C7 - #7A807F - #363938

CSS codes

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

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