#4FC0E8 - #163642 | 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 #4FC0E8 to #163642

#4FC0E8 #163642

Calculate the color between two colors, #4FC0E8 and #163642. 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)

#4FC0E8 - #163642 | 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 #4FC0E8 as 0% and #163642 as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #45A9CC	RGB 69 169 204	#45A9CC
33.3%	33.3% #3C92B0	RGB 60 146 176	#3C92B0
50.0%	50.0% #327B95	RGB 50 123 149	#327B95
66.7%	66.7% #296479	RGB 41 100 121	#296479
83.3%	83.3% #1F4D5D	RGB 31 77 93	#1F4D5D
100.0%	100.0% #163642	RGB 22 54 66	#163642

#4FC0E8 #45A9CC #3C92B0 #327B95 #296479 #1F4D5D #163642

#4FC0E8 - #163642

HSV Blend

#4FC0E8 - #163642 | 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 #4FC0E8 as 0% and #163642 as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #45A8CC	RGB 69 168 204	#45A8CC
33.3%	33.3% #3B91B0	RGB 59 145 176	#3B91B0
50.0%	50.0% #327A95	RGB 50 122 149	#327A95
66.7%	66.7% #286379	RGB 40 99 121	#286379
83.3%	83.3% #1F4C5D	RGB 31 76 93	#1F4C5D
100.0%	100.0% #163642	RGB 22 54 66	#163642

#4FC0E8 #45A8CC #3B91B0 #327A95 #286379 #1F4C5D #163642

#4FC0E8 - #327A95 - #163642

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FC0E8 0%, #327A95 50%, #163642 100%);
    background: -webkit-linear-gradient(top, #4FC0E8 0%, #327A95 50%, #163642 100%);
    background: linear-gradient(to bottom, #4FC0E8 0%, #327A95 50%, #163642 100%);
}
</style>