#4FC0E8 - #1074B4 | 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 #1074B4

#4FC0E8 #1074B4

Calculate the color between two colors, #4FC0E8 and #1074B4. 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 - #1074B4 | 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 #1074B4 as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #44B3DF	RGB 68 179 223	#44B3DF
33.3%	33.3% #3AA6D6	RGB 58 166 214	#3AA6D6
50.0%	50.0% #2F9ACE	RGB 47 154 206	#2F9ACE
66.7%	66.7% #258DC5	RGB 37 141 197	#258DC5
83.3%	83.3% #1A80BC	RGB 26 128 188	#1A80BC
100.0%	100.0% #1074B4	RGB 16 116 180	#1074B4

#4FC0E8 #44B3DF #3AA6D6 #2F9ACE #258DC5 #1A80BC #1074B4

#4FC0E8 - #1074B4

HSV Blend

#4FC0E8 - #1074B4 | 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 #1074B4 as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #42B3DF	RGB 66 179 223	#42B3DF
33.3%	33.3% #37A6D6	RGB 55 166 214	#37A6D6
50.0%	50.0% #2C99CE	RGB 44 153 206	#2C99CE
66.7%	66.7% #228CC5	RGB 34 140 197	#228CC5
83.3%	83.3% #1880BC	RGB 24 128 188	#1880BC
100.0%	100.0% #1074B4	RGB 16 116 180	#1074B4

#4FC0E8 #42B3DF #37A6D6 #2C99CE #228CC5 #1880BC #1074B4

#4FC0E8 - #2C99CE - #1074B4

CSS codes

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

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