#818181 - #2B5E72 | 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 #818181 to #2B5E72

#818181 #2B5E72

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

#818181 - #2B5E72 | 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 #818181 as 0% and #2B5E72 as 100%.

0.0%	0.0% #818181	RGB 129 129 129	#818181
16.7%	16.7% #727B7E	RGB 114 123 126	#727B7E
33.3%	33.3% #64757C	RGB 100 117 124	#64757C
50.0%	50.0% #566F79	RGB 86 111 121	#566F79
66.7%	66.7% #476977	RGB 71 105 119	#476977
83.3%	83.3% #396374	RGB 57 99 116	#396374
100.0%	100.0% #2B5E72	RGB 43 94 114	#2B5E72

#818181 #727B7E #64757C #566F79 #476977 #396374 #2B5E72

#818181 - #2B5E72

HSV Blend

#818181 - #2B5E72 | 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 #818181 as 0% and #2B5E72 as 100%.

0.0%	0.0% #818181	RGB 129 129 129	#818181
16.7%	16.7% #7E7177	RGB 126 113 119	#7E7177
33.3%	33.3% #7C6279	RGB 124 98 121	#7C6279
50.0%	50.0% #6B5379	RGB 107 83 121	#6B5379
66.7%	66.7% #4E4577	RGB 78 69 119	#4E4577
83.3%	83.3% #384874	RGB 56 72 116	#384874
100.0%	100.0% #2B5E72	RGB 43 94 114	#2B5E72

#818181 #7E7177 #7C6279 #6B5379 #4E4577 #384874 #2B5E72

#818181 - #6B5379 - #2B5E72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #818181 0%, #6B5379 50%, #2B5E72 100%);
    background: -webkit-linear-gradient(top, #818181 0%, #6B5379 50%, #2B5E72 100%);
    background: linear-gradient(to bottom, #818181 0%, #6B5379 50%, #2B5E72 100%);
}
</style>