#C0CDC9 - #363A39 | 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 #C0CDC9 to #363A39

#C0CDC9 #363A39

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

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

0.0%	0.0% #C0CDC9	RGB 192 205 201	#C0CDC9
16.7%	16.7% #A9B4B1	RGB 169 180 177	#A9B4B1
33.3%	33.3% #929C99	RGB 146 156 153	#929C99
50.0%	50.0% #7B8381	RGB 123 131 129	#7B8381
66.7%	66.7% #646B69	RGB 100 107 105	#646B69
83.3%	83.3% #4D5251	RGB 77 82 81	#4D5251
100.0%	100.0% #363A39	RGB 54 58 57	#363A39

#C0CDC9 #A9B4B1 #929C99 #7B8381 #646B69 #4D5251 #363A39

#C0CDC9 - #363A39

HSV Blend

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

0.0%	0.0% #C0CDC9	RGB 192 205 201	#C0CDC9
16.7%	16.7% #A8B4B1	RGB 168 180 177	#A8B4B1
33.3%	33.3% #919C99	RGB 145 156 153	#919C99
50.0%	50.0% #7A8381	RGB 122 131 129	#7A8381
66.7%	66.7% #636B69	RGB 99 107 105	#636B69
83.3%	83.3% #4C5251	RGB 76 82 81	#4C5251
100.0%	100.0% #363A39	RGB 54 58 57	#363A39

#C0CDC9 #A8B4B1 #919C99 #7A8381 #636B69 #4C5251 #363A39

#C0CDC9 - #7A8381 - #363A39

CSS codes

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

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