#C2ECE5 - #374340 | 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 #C2ECE5 to #374340

#C2ECE5 #374340

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

#C2ECE5 - #374340 | 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 #C2ECE5 as 0% and #374340 as 100%.

0.0%	0.0% #C2ECE5	RGB 194 236 229	#C2ECE5
16.7%	16.7% #AACFC9	RGB 170 207 201	#AACFC9
33.3%	33.3% #93B3AE	RGB 147 179 174	#93B3AE
50.0%	50.0% #7C9792	RGB 124 151 146	#7C9792
66.7%	66.7% #657B77	RGB 101 123 119	#657B77
83.3%	83.3% #4E5F5B	RGB 78 95 91	#4E5F5B
100.0%	100.0% #374340	RGB 55 67 64	#374340

#C2ECE5 #AACFC9 #93B3AE #7C9792 #657B77 #4E5F5B #374340

#C2ECE5 - #374340

HSV Blend

#C2ECE5 - #374340 | 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 #C2ECE5 as 0% and #374340 as 100%.

0.0%	0.0% #C2ECE5	RGB 194 236 229	#C2ECE5
16.7%	16.7% #AACFC9	RGB 170 207 201	#AACFC9
33.3%	33.3% #93B3AD	RGB 147 179 173	#93B3AD
50.0%	50.0% #7C9791	RGB 124 151 145	#7C9791
66.7%	66.7% #657B76	RGB 101 123 118	#657B76
83.3%	83.3% #4E5F5B	RGB 78 95 91	#4E5F5B
100.0%	100.0% #374340	RGB 55 67 64	#374340

#C2ECE5 #AACFC9 #93B3AD #7C9791 #657B76 #4E5F5B #374340

#C2ECE5 - #7C9791 - #374340

CSS codes

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

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