#C0CCB8 - #363A34 | 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 #C0CCB8 to #363A34

#C0CCB8 #363A34

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

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

0.0%	0.0% #C0CCB8	RGB 192 204 184	#C0CCB8
16.7%	16.7% #A9B3A2	RGB 169 179 162	#A9B3A2
33.3%	33.3% #929B8C	RGB 146 155 140	#929B8C
50.0%	50.0% #7B8376	RGB 123 131 118	#7B8376
66.7%	66.7% #646A60	RGB 100 106 96	#646A60
83.3%	83.3% #4D524A	RGB 77 82 74	#4D524A
100.0%	100.0% #363A34	RGB 54 58 52	#363A34

#C0CCB8 #A9B3A2 #929B8C #7B8376 #646A60 #4D524A #363A34

#C0CCB8 - #363A34

HSV Blend

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

0.0%	0.0% #C0CCB8	RGB 192 204 184	#C0CCB8
16.7%	16.7% #A8B3A1	RGB 168 179 161	#A8B3A1
33.3%	33.3% #919B8B	RGB 145 155 139	#919B8B
50.0%	50.0% #7A8375	RGB 122 131 117	#7A8375
66.7%	66.7% #636A5F	RGB 99 106 95	#636A5F
83.3%	83.3% #4C5249	RGB 76 82 73	#4C5249
100.0%	100.0% #363A34	RGB 54 58 52	#363A34

#C0CCB8 #A8B3A1 #919B8B #7A8375 #636A5F #4C5249 #363A34

#C0CCB8 - #7A8375 - #363A34

CSS codes

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

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