#C4D3C0 - #363C36 | 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 #C4D3C0 to #363C36

#C4D3C0 #363C36

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

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

0.0%	0.0% #C4D3C0	RGB 196 211 192	#C4D3C0
16.7%	16.7% #ACB9A9	RGB 172 185 169	#ACB9A9
33.3%	33.3% #94A092	RGB 148 160 146	#94A092
50.0%	50.0% #7D877B	RGB 125 135 123	#7D877B
66.7%	66.7% #656E64	RGB 101 110 100	#656E64
83.3%	83.3% #4D554D	RGB 77 85 77	#4D554D
100.0%	100.0% #363C36	RGB 54 60 54	#363C36

#C4D3C0 #ACB9A9 #94A092 #7D877B #656E64 #4D554D #363C36

#C4D3C0 - #363C36

HSV Blend

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

0.0%	0.0% #C4D3C0	RGB 196 211 192	#C4D3C0
16.7%	16.7% #ABB9A8	RGB 171 185 168	#ABB9A8
33.3%	33.3% #93A091	RGB 147 160 145	#93A091
50.0%	50.0% #7B877A	RGB 123 135 122	#7B877A
66.7%	66.7% #646E63	RGB 100 110 99	#646E63
83.3%	83.3% #4D554C	RGB 77 85 76	#4D554C
100.0%	100.0% #363C36	RGB 54 60 54	#363C36

#C4D3C0 #ABB9A8 #93A091 #7B877A #646E63 #4D554C #363C36

#C4D3C0 - #7B877A - #363C36

CSS codes

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

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