#354B5E - #91928E | 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 #354B5E to #91928E

#354B5E #91928E

Calculate the color between two colors, #354B5E and #91928E. 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)

#354B5E - #91928E | 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 #354B5E as 0% and #91928E as 100%.

0.0%	0.0% #354B5E	RGB 53 75 94	#354B5E
16.7%	16.7% #445666	RGB 68 86 102	#445666
33.3%	33.3% #53626E	RGB 83 98 110	#53626E
50.0%	50.0% #636E76	RGB 99 110 118	#636E76
66.7%	66.7% #727A7E	RGB 114 122 126	#727A7E
83.3%	83.3% #818686	RGB 129 134 134	#818686
100.0%	100.0% #91928E	RGB 145 146 142	#91928E

#354B5E #445666 #53626E #636E76 #727A7E #818686 #91928E

#354B5E - #91928E

HSV Blend

#354B5E - #91928E | 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 #354B5E as 0% and #91928E as 100%.

0.0%	0.0% #354B5E	RGB 53 75 94	#354B5E
16.7%	16.7% #406366	RGB 64 99 102	#406366
33.3%	33.3% #4D6F66	RGB 77 111 102	#4D6F66
50.0%	50.0% #5C7866	RGB 92 120 102	#5C7866
66.7%	66.7% #6B806B	RGB 107 128 107	#6B806B
83.3%	83.3% #81897C	RGB 129 137 124	#81897C
100.0%	100.0% #91928E	RGB 145 146 142	#91928E

#354B5E #406366 #4D6F66 #5C7866 #6B806B #81897C #91928E

#354B5E - #5C7866 - #91928E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #354B5E 0%, #5C7866 50%, #91928E 100%);
    background: -webkit-linear-gradient(top, #354B5E 0%, #5C7866 50%, #91928E 100%);
    background: linear-gradient(to bottom, #354B5E 0%, #5C7866 50%, #91928E 100%);
}
</style>