#78A2FF - #2149CF | 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 #78A2FF to #2149CF

#78A2FF #2149CF

Calculate the color between two colors, #78A2FF and #2149CF. 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)

#78A2FF - #2149CF | 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 #78A2FF as 0% and #2149CF as 100%.

0.0%	0.0% #78A2FF	RGB 120 162 255	#78A2FF
16.7%	16.7% #6993F7	RGB 105 147 247	#6993F7
33.3%	33.3% #5B84EF	RGB 91 132 239	#5B84EF
50.0%	50.0% #4C75E7	RGB 76 117 231	#4C75E7
66.7%	66.7% #3E66DF	RGB 62 102 223	#3E66DF
83.3%	83.3% #2F57D7	RGB 47 87 215	#2F57D7
100.0%	100.0% #2149CF	RGB 33 73 207	#2149CF

#78A2FF #6993F7 #5B84EF #4C75E7 #3E66DF #2F57D7 #2149CF

#78A2FF - #2149CF

HSV Blend

#78A2FF - #2149CF | 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 #78A2FF as 0% and #2149CF as 100%.

0.0%	0.0% #78A2FF	RGB 120 162 255	#78A2FF
16.7%	16.7% #6792F7	RGB 103 146 247	#6792F7
33.3%	33.3% #5782EF	RGB 87 130 239	#5782EF
50.0%	50.0% #4873E7	RGB 72 115 231	#4873E7
66.7%	66.7% #3A64DF	RGB 58 100 223	#3A64DF
83.3%	83.3% #2D56D7	RGB 45 86 215	#2D56D7
100.0%	100.0% #2149CF	RGB 33 73 207	#2149CF

#78A2FF #6792F7 #5782EF #4873E7 #3A64DF #2D56D7 #2149CF

#78A2FF - #4873E7 - #2149CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78A2FF 0%, #4873E7 50%, #2149CF 100%);
    background: -webkit-linear-gradient(top, #78A2FF 0%, #4873E7 50%, #2149CF 100%);
    background: linear-gradient(to bottom, #78A2FF 0%, #4873E7 50%, #2149CF 100%);
}
</style>