#C2EEE2 - #374440 | 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 #C2EEE2 to #374440

#C2EEE2 #374440

Calculate the color between two colors, #C2EEE2 and #374440. 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)

#C2EEE2 - #374440 | 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 #C2EEE2 as 0% and #374440 as 100%.

0.0%	0.0% #C2EEE2	RGB 194 238 226	#C2EEE2
16.7%	16.7% #AAD1C7	RGB 170 209 199	#AAD1C7
33.3%	33.3% #93B5AC	RGB 147 181 172	#93B5AC
50.0%	50.0% #7C9991	RGB 124 153 145	#7C9991
66.7%	66.7% #657C76	RGB 101 124 118	#657C76
83.3%	83.3% #4E605B	RGB 78 96 91	#4E605B
100.0%	100.0% #374440	RGB 55 68 64	#374440

#C2EEE2 #AAD1C7 #93B5AC #7C9991 #657C76 #4E605B #374440

#C2EEE2 - #374440

HSV Blend

#C2EEE2 - #374440 | 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 #C2EEE2 as 0% and #374440 as 100%.

0.0%	0.0% #C2EEE2	RGB 194 238 226	#C2EEE2
16.7%	16.7% #AAD1C6	RGB 170 209 198	#AAD1C6
33.3%	33.3% #93B5AB	RGB 147 181 171	#93B5AB
50.0%	50.0% #7C9990	RGB 124 153 144	#7C9990
66.7%	66.7% #657C75	RGB 101 124 117	#657C75
83.3%	83.3% #4E605A	RGB 78 96 90	#4E605A
100.0%	100.0% #374440	RGB 55 68 64	#374440

#C2EEE2 #AAD1C6 #93B5AB #7C9990 #657C75 #4E605A #374440

#C2EEE2 - #7C9990 - #374440

CSS codes

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

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