#464E5E - #699FD4 | 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 #464E5E to #699FD4

#464E5E #699FD4

Calculate the color between two colors, #464E5E and #699FD4. 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)

#464E5E - #699FD4 | 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 #464E5E as 0% and #699FD4 as 100%.

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #4B5B71	RGB 75 91 113	#4B5B71
33.3%	33.3% #516985	RGB 81 105 133	#516985
50.0%	50.0% #577699	RGB 87 118 153	#577699
66.7%	66.7% #5D84AC	RGB 93 132 172	#5D84AC
83.3%	83.3% #6391C0	RGB 99 145 192	#6391C0
100.0%	100.0% #699FD4	RGB 105 159 212	#699FD4

#464E5E #4B5B71 #516985 #577699 #5D84AC #6391C0 #699FD4

#464E5E - #699FD4

HSV Blend

#464E5E - #699FD4 | 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 #464E5E as 0% and #699FD4 as 100%.

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #4F5C71	RGB 79 92 113	#4F5C71
33.3%	33.3% #586985	RGB 88 105 133	#586985
50.0%	50.0% #5E7799	RGB 94 119 153	#5E7799
66.7%	66.7% #6384AC	RGB 99 132 172	#6384AC
83.3%	83.3% #6791C0	RGB 103 145 192	#6791C0
100.0%	100.0% #699FD4	RGB 105 159 212	#699FD4

#464E5E #4F5C71 #586985 #5E7799 #6384AC #6791C0 #699FD4

#464E5E - #5E7799 - #699FD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464E5E 0%, #5E7799 50%, #699FD4 100%);
    background: -webkit-linear-gradient(top, #464E5E 0%, #5E7799 50%, #699FD4 100%);
    background: linear-gradient(to bottom, #464E5E 0%, #5E7799 50%, #699FD4 100%);
}
</style>