#353A5E - #7E7B89 | 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 #353A5E to #7E7B89

#353A5E #7E7B89

Calculate the color between two colors, #353A5E and #7E7B89. 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)

#353A5E - #7E7B89 | 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 #353A5E as 0% and #7E7B89 as 100%.

0.0%	0.0% #353A5E	RGB 53 58 94	#353A5E
16.7%	16.7% #414465	RGB 65 68 101	#414465
33.3%	33.3% #4D4F6C	RGB 77 79 108	#4D4F6C
50.0%	50.0% #595A73	RGB 89 90 115	#595A73
66.7%	66.7% #65657A	RGB 101 101 122	#65657A
83.3%	83.3% #717081	RGB 113 112 129	#717081
100.0%	100.0% #7E7B89	RGB 126 123 137	#7E7B89

#353A5E #414465 #4D4F6C #595A73 #65657A #717081 #7E7B89

#353A5E - #7E7B89

HSV Blend

#353A5E - #7E7B89 | 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 #353A5E as 0% and #7E7B89 as 100%.

0.0%	0.0% #353A5E	RGB 53 58 94	#353A5E
16.7%	16.7% #3E4165	RGB 62 65 101	#3E4165
33.3%	33.3% #49496C	RGB 73 73 108	#49496C
50.0%	50.0% #555473	RGB 85 84 115	#555473
66.7%	66.7% #63607A	RGB 99 96 122	#63607A
83.3%	83.3% #706D81	RGB 112 109 129	#706D81
100.0%	100.0% #7E7B89	RGB 126 123 137	#7E7B89

#353A5E #3E4165 #49496C #555473 #63607A #706D81 #7E7B89

#353A5E - #555473 - #7E7B89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353A5E 0%, #555473 50%, #7E7B89 100%);
    background: -webkit-linear-gradient(top, #353A5E 0%, #555473 50%, #7E7B89 100%);
    background: linear-gradient(to bottom, #353A5E 0%, #555473 50%, #7E7B89 100%);
}
</style>