#464C5E - #7671CD | 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 #464C5E to #7671CD

#464C5E #7671CD

Calculate the color between two colors, #464C5E and #7671CD. 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)

#464C5E - #7671CD | 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 #464C5E as 0% and #7671CD as 100%.

0.0%	0.0% #464C5E	RGB 70 76 94	#464C5E
16.7%	16.7% #4E5270	RGB 78 82 112	#4E5270
33.3%	33.3% #565883	RGB 86 88 131	#565883
50.0%	50.0% #5E5E95	RGB 94 94 149	#5E5E95
66.7%	66.7% #6664A8	RGB 102 100 168	#6664A8
83.3%	83.3% #6E6ABA	RGB 110 106 186	#6E6ABA
100.0%	100.0% #7671CD	RGB 118 113 205	#7671CD

#464C5E #4E5270 #565883 #5E5E95 #6664A8 #6E6ABA #7671CD

#464C5E - #7671CD

HSV Blend

#464C5E - #7671CD | 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 #464C5E as 0% and #7671CD as 100%.

0.0%	0.0% #464C5E	RGB 70 76 94	#464C5E
16.7%	16.7% #505670	RGB 80 86 112	#505670
33.3%	33.3% #595F83	RGB 89 95 131	#595F83
50.0%	50.0% #606695	RGB 96 102 149	#606695
66.7%	66.7% #676AA8	RGB 103 106 168	#676AA8
83.3%	83.3% #6D6CBA	RGB 109 108 186	#6D6CBA
100.0%	100.0% #7671CD	RGB 118 113 205	#7671CD

#464C5E #505670 #595F83 #606695 #676AA8 #6D6CBA #7671CD

#464C5E - #606695 - #7671CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464C5E 0%, #606695 50%, #7671CD 100%);
    background: -webkit-linear-gradient(top, #464C5E 0%, #606695 50%, #7671CD 100%);
    background: linear-gradient(to bottom, #464C5E 0%, #606695 50%, #7671CD 100%);
}
</style>