#333E5E - #81818C | 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 #333E5E to #81818C

#333E5E #81818C

Calculate the color between two colors, #333E5E and #81818C. 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)

#333E5E - #81818C | 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 #333E5E as 0% and #81818C as 100%.

0.0%	0.0% #333E5E	RGB 51 62 94	#333E5E
16.7%	16.7% #404965	RGB 64 73 101	#404965
33.3%	33.3% #4D546D	RGB 77 84 109	#4D546D
50.0%	50.0% #5A5F75	RGB 90 95 117	#5A5F75
66.7%	66.7% #676A7C	RGB 103 106 124	#676A7C
83.3%	83.3% #747584	RGB 116 117 132	#747584
100.0%	100.0% #81818C	RGB 129 129 140	#81818C

#333E5E #404965 #4D546D #5A5F75 #676A7C #747584 #81818C

#333E5E - #81818C

HSV Blend

#333E5E - #81818C | 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 #333E5E as 0% and #81818C as 100%.

0.0%	0.0% #333E5E	RGB 51 62 94	#333E5E
16.7%	16.7% #3D4665	RGB 61 70 101	#3D4665
33.3%	33.3% #494F6D	RGB 73 79 109	#494F6D
50.0%	50.0% #555975	RGB 85 89 117	#555975
66.7%	66.7% #63657C	RGB 99 101 124	#63657C
83.3%	83.3% #717284	RGB 113 114 132	#717284
100.0%	100.0% #81818C	RGB 129 129 140	#81818C

#333E5E #3D4665 #494F6D #555975 #63657C #717284 #81818C

#333E5E - #555975 - #81818C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #333E5E 0%, #555975 50%, #81818C 100%);
    background: -webkit-linear-gradient(top, #333E5E 0%, #555975 50%, #81818C 100%);
    background: linear-gradient(to bottom, #333E5E 0%, #555975 50%, #81818C 100%);
}
</style>