#C0CDC0 - #363A36 | 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 #C0CDC0 to #363A36

#C0CDC0 #363A36

Calculate the color between two colors, #C0CDC0 and #363A36. 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)

#C0CDC0 - #363A36 | 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 #C0CDC0 as 0% and #363A36 as 100%.

0.0%	0.0% #C0CDC0	RGB 192 205 192	#C0CDC0
16.7%	16.7% #A9B4A9	RGB 169 180 169	#A9B4A9
33.3%	33.3% #929C92	RGB 146 156 146	#929C92
50.0%	50.0% #7B837B	RGB 123 131 123	#7B837B
66.7%	66.7% #646B64	RGB 100 107 100	#646B64
83.3%	83.3% #4D524D	RGB 77 82 77	#4D524D
100.0%	100.0% #363A36	RGB 54 58 54	#363A36

#C0CDC0 #A9B4A9 #929C92 #7B837B #646B64 #4D524D #363A36

#C0CDC0 - #363A36

HSV Blend

#C0CDC0 - #363A36 | 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 #C0CDC0 as 0% and #363A36 as 100%.

0.0%	0.0% #C0CDC0	RGB 192 205 192	#C0CDC0
16.7%	16.7% #A8B4A8	RGB 168 180 168	#A8B4A8
33.3%	33.3% #919C91	RGB 145 156 145	#919C91
50.0%	50.0% #7A837A	RGB 122 131 122	#7A837A
66.7%	66.7% #636B63	RGB 99 107 99	#636B63
83.3%	83.3% #4C524C	RGB 76 82 76	#4C524C
100.0%	100.0% #363A36	RGB 54 58 54	#363A36

#C0CDC0 #A8B4A8 #919C91 #7A837A #636B63 #4C524C #363A36

#C0CDC0 - #7A837A - #363A36

CSS codes

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

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