#464F5E - #6F80CF | 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 #464F5E to #6F80CF

#464F5E #6F80CF

Calculate the color between two colors, #464F5E and #6F80CF. 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)

#464F5E - #6F80CF | 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 #464F5E as 0% and #6F80CF as 100%.

0.0%	0.0% #464F5E	RGB 70 79 94	#464F5E
16.7%	16.7% #4C5770	RGB 76 87 112	#4C5770
33.3%	33.3% #535F83	RGB 83 95 131	#535F83
50.0%	50.0% #5A6796	RGB 90 103 150	#5A6796
66.7%	66.7% #616FA9	RGB 97 111 169	#616FA9
83.3%	83.3% #6877BC	RGB 104 119 188	#6877BC
100.0%	100.0% #6F80CF	RGB 111 128 207	#6F80CF

#464F5E #4C5770 #535F83 #5A6796 #616FA9 #6877BC #6F80CF

#464F5E - #6F80CF

HSV Blend

#464F5E - #6F80CF | 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 #464F5E as 0% and #6F80CF as 100%.

0.0%	0.0% #464F5E	RGB 70 79 94	#464F5E
16.7%	16.7% #505B70	RGB 80 91 112	#505B70
33.3%	33.3% #586683	RGB 88 102 131	#586683
50.0%	50.0% #606F96	RGB 96 111 150	#606F96
66.7%	66.7% #6676A9	RGB 102 118 169	#6676A9
83.3%	83.3% #6B7CBC	RGB 107 124 188	#6B7CBC
100.0%	100.0% #6F80CF	RGB 111 128 207	#6F80CF

#464F5E #505B70 #586683 #606F96 #6676A9 #6B7CBC #6F80CF

#464F5E - #606F96 - #6F80CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464F5E 0%, #606F96 50%, #6F80CF 100%);
    background: -webkit-linear-gradient(top, #464F5E 0%, #606F96 50%, #6F80CF 100%);
    background: linear-gradient(to bottom, #464F5E 0%, #606F96 50%, #6F80CF 100%);
}
</style>