#2F405B - #81858B | 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 #2F405B to #81858B

#2F405B #81858B

Calculate the color between two colors, #2F405B and #81858B. 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)

#2F405B - #81858B | 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 #2F405B as 0% and #81858B as 100%.

0.0%	0.0% #2F405B	RGB 47 64 91	#2F405B
16.7%	16.7% #3C4B63	RGB 60 75 99	#3C4B63
33.3%	33.3% #4A576B	RGB 74 87 107	#4A576B
50.0%	50.0% #586273	RGB 88 98 115	#586273
66.7%	66.7% #656E7B	RGB 101 110 123	#656E7B
83.3%	83.3% #737983	RGB 115 121 131	#737983
100.0%	100.0% #81858B	RGB 129 133 139	#81858B

#2F405B #3C4B63 #4A576B #586273 #656E7B #737983 #81858B

#2F405B - #81858B

HSV Blend

#2F405B - #81858B | 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 #2F405B as 0% and #81858B as 100%.

0.0%	0.0% #2F405B	RGB 47 64 91	#2F405B
16.7%	16.7% #394963	RGB 57 73 99	#394963
33.3%	33.3% #45546B	RGB 69 84 107	#45546B
50.0%	50.0% #535F73	RGB 83 95 115	#535F73
66.7%	66.7% #616B7B	RGB 97 107 123	#616B7B
83.3%	83.3% #707783	RGB 112 119 131	#707783
100.0%	100.0% #81858B	RGB 129 133 139	#81858B

#2F405B #394963 #45546B #535F73 #616B7B #707783 #81858B

#2F405B - #535F73 - #81858B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F405B 0%, #535F73 50%, #81858B 100%);
    background: -webkit-linear-gradient(top, #2F405B 0%, #535F73 50%, #81858B 100%);
    background: linear-gradient(to bottom, #2F405B 0%, #535F73 50%, #81858B 100%);
}
</style>