#C2D4C0 - #373C36 | 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 #C2D4C0 to #373C36

#C2D4C0 #373C36

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

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

0.0%	0.0% #C2D4C0	RGB 194 212 192	#C2D4C0
16.7%	16.7% #AABAA9	RGB 170 186 169	#AABAA9
33.3%	33.3% #93A192	RGB 147 161 146	#93A192
50.0%	50.0% #7C887B	RGB 124 136 123	#7C887B
66.7%	66.7% #656E64	RGB 101 110 100	#656E64
83.3%	83.3% #4E554D	RGB 78 85 77	#4E554D
100.0%	100.0% #373C36	RGB 55 60 54	#373C36

#C2D4C0 #AABAA9 #93A192 #7C887B #656E64 #4E554D #373C36

#C2D4C0 - #373C36

HSV Blend

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

0.0%	0.0% #C2D4C0	RGB 194 212 192	#C2D4C0
16.7%	16.7% #AABAA8	RGB 170 186 168	#AABAA8
33.3%	33.3% #93A191	RGB 147 161 145	#93A191
50.0%	50.0% #7C887A	RGB 124 136 122	#7C887A
66.7%	66.7% #656E63	RGB 101 110 99	#656E63
83.3%	83.3% #4E554C	RGB 78 85 76	#4E554C
100.0%	100.0% #373C36	RGB 55 60 54	#373C36

#C2D4C0 #AABAA8 #93A191 #7C887A #656E63 #4E554C #373C36

#C2D4C0 - #7C887A - #373C36

CSS codes

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

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