#C2F2FF - #374548 | 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 #C2F2FF to #374548

#C2F2FF #374548

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

#C2F2FF - #374548 | 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 #C2F2FF as 0% and #374548 as 100%.

0.0%	0.0% #C2F2FF	RGB 194 242 255	#C2F2FF
16.7%	16.7% #AAD5E0	RGB 170 213 224	#AAD5E0
33.3%	33.3% #93B8C2	RGB 147 184 194	#93B8C2
50.0%	50.0% #7C9BA3	RGB 124 155 163	#7C9BA3
66.7%	66.7% #657E84	RGB 101 126 132	#657E84
83.3%	83.3% #4E6166	RGB 78 97 102	#4E6166
100.0%	100.0% #374548	RGB 55 69 72	#374548

#C2F2FF #AAD5E0 #93B8C2 #7C9BA3 #657E84 #4E6166 #374548

#C2F2FF - #374548

HSV Blend

#C2F2FF - #374548 | 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 #C2F2FF as 0% and #374548 as 100%.

0.0%	0.0% #C2F2FF	RGB 194 242 255	#C2F2FF
16.7%	16.7% #AAD5E0	RGB 170 213 224	#AAD5E0
33.3%	33.3% #93B8C2	RGB 147 184 194	#93B8C2
50.0%	50.0% #7C9BA3	RGB 124 155 163	#7C9BA3
66.7%	66.7% #657F84	RGB 101 127 132	#657F84
83.3%	83.3% #4E6266	RGB 78 98 102	#4E6266
100.0%	100.0% #374548	RGB 55 69 72	#374548

#C2F2FF #AAD5E0 #93B8C2 #7C9BA3 #657F84 #4E6266 #374548

#C2F2FF - #7C9BA3 - #374548

CSS codes

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

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