#C2FCFF - #374648 | 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 #C2FCFF to #374648

#C2FCFF #374648

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

#C2FCFF - #374648 | 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 #C2FCFF as 0% and #374648 as 100%.

0.0%	0.0% #C2FCFF	RGB 194 252 255	#C2FCFF
16.7%	16.7% #AADDE0	RGB 170 221 224	#AADDE0
33.3%	33.3% #93BFC2	RGB 147 191 194	#93BFC2
50.0%	50.0% #7CA1A3	RGB 124 161 163	#7CA1A3
66.7%	66.7% #658284	RGB 101 130 132	#658284
83.3%	83.3% #4E6466	RGB 78 100 102	#4E6466
100.0%	100.0% #374648	RGB 55 70 72	#374648

#C2FCFF #AADDE0 #93BFC2 #7CA1A3 #658284 #4E6466 #374648

#C2FCFF - #374648

HSV Blend

#C2FCFF - #374648 | 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 #C2FCFF as 0% and #374648 as 100%.

0.0%	0.0% #C2FCFF	RGB 194 252 255	#C2FCFF
16.7%	16.7% #AADDE0	RGB 170 221 224	#AADDE0
33.3%	33.3% #93BEC2	RGB 147 190 194	#93BEC2
50.0%	50.0% #7CA0A3	RGB 124 160 163	#7CA0A3
66.7%	66.7% #658284	RGB 101 130 132	#658284
83.3%	83.3% #4E6366	RGB 78 99 102	#4E6366
100.0%	100.0% #374648	RGB 55 70 72	#374648

#C2FCFF #AADDE0 #93BEC2 #7CA0A3 #658284 #4E6366 #374648

#C2FCFF - #7CA0A3 - #374648

CSS codes

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

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