#C3E2F7 - #374046 | 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 #C3E2F7 to #374046

#C3E2F7 #374046

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

#C3E2F7 - #374046 | 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 #C3E2F7 as 0% and #374046 as 100%.

0.0%	0.0% #C3E2F7	RGB 195 226 247	#C3E2F7
16.7%	16.7% #ABC7D9	RGB 171 199 217	#ABC7D9
33.3%	33.3% #94ACBC	RGB 148 172 188	#94ACBC
50.0%	50.0% #7D919E	RGB 125 145 158	#7D919E
66.7%	66.7% #657681	RGB 101 118 129	#657681
83.3%	83.3% #4E5B63	RGB 78 91 99	#4E5B63
100.0%	100.0% #374046	RGB 55 64 70	#374046

#C3E2F7 #ABC7D9 #94ACBC #7D919E #657681 #4E5B63 #374046

#C3E2F7 - #374046

HSV Blend

#C3E2F7 - #374046 | 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 #C3E2F7 as 0% and #374046 as 100%.

0.0%	0.0% #C3E2F7	RGB 195 226 247	#C3E2F7
16.7%	16.7% #ABC6D9	RGB 171 198 217	#ABC6D9
33.3%	33.3% #94ABBC	RGB 148 171 188	#94ABBC
50.0%	50.0% #7C909E	RGB 124 144 158	#7C909E
66.7%	66.7% #657581	RGB 101 117 129	#657581
83.3%	83.3% #4E5A63	RGB 78 90 99	#4E5A63
100.0%	100.0% #374046	RGB 55 64 70	#374046

#C3E2F7 #ABC6D9 #94ABBC #7C909E #657581 #4E5A63 #374046

#C3E2F7 - #7C909E - #374046

CSS codes

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

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