#78A0FF - #1C4FC5 | 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 #78A0FF to #1C4FC5

#78A0FF #1C4FC5

Calculate the color between two colors, #78A0FF and #1C4FC5. 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)

#78A0FF - #1C4FC5 | 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 #78A0FF as 0% and #1C4FC5 as 100%.

0.0%	0.0% #78A0FF	RGB 120 160 255	#78A0FF
16.7%	16.7% #6892F5	RGB 104 146 245	#6892F5
33.3%	33.3% #5985EB	RGB 89 133 235	#5985EB
50.0%	50.0% #4A77E2	RGB 74 119 226	#4A77E2
66.7%	66.7% #3A6AD8	RGB 58 106 216	#3A6AD8
83.3%	83.3% #2B5CCE	RGB 43 92 206	#2B5CCE
100.0%	100.0% #1C4FC5	RGB 28 79 197	#1C4FC5

#78A0FF #6892F5 #5985EB #4A77E2 #3A6AD8 #2B5CCE #1C4FC5

#78A0FF - #1C4FC5

HSV Blend

#78A0FF - #1C4FC5 | 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 #78A0FF as 0% and #1C4FC5 as 100%.

0.0%	0.0% #78A0FF	RGB 120 160 255	#78A0FF
16.7%	16.7% #6690F5	RGB 102 144 245	#6690F5
33.3%	33.3% #5581EB	RGB 85 129 235	#5581EB
50.0%	50.0% #4574E2	RGB 69 116 226	#4574E2
66.7%	66.7% #3666D8	RGB 54 102 216	#3666D8
83.3%	83.3% #285ACE	RGB 40 90 206	#285ACE
100.0%	100.0% #1C4FC5	RGB 28 79 197	#1C4FC5

#78A0FF #6690F5 #5581EB #4574E2 #3666D8 #285ACE #1C4FC5

#78A0FF - #4574E2 - #1C4FC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78A0FF 0%, #4574E2 50%, #1C4FC5 100%);
    background: -webkit-linear-gradient(top, #78A0FF 0%, #4574E2 50%, #1C4FC5 100%);
    background: linear-gradient(to bottom, #78A0FF 0%, #4574E2 50%, #1C4FC5 100%);
}
</style>