#2D515D - #838D8F | 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 #2D515D to #838D8F

#2D515D #838D8F

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

#2D515D - #838D8F | 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 #2D515D as 0% and #838D8F as 100%.

0.0%	0.0% #2D515D	RGB 45 81 93	#2D515D
16.7%	16.7% #3B5B65	RGB 59 91 101	#3B5B65
33.3%	33.3% #49656D	RGB 73 101 109	#49656D
50.0%	50.0% #586F76	RGB 88 111 118	#586F76
66.7%	66.7% #66797E	RGB 102 121 126	#66797E
83.3%	83.3% #748386	RGB 116 131 134	#748386
100.0%	100.0% #838D8F	RGB 131 141 143	#838D8F

#2D515D #3B5B65 #49656D #586F76 #66797E #748386 #838D8F

#2D515D - #838D8F

HSV Blend

#2D515D - #838D8F | 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 #2D515D as 0% and #838D8F as 100%.

0.0%	0.0% #2D505D	RGB 45 80 93	#2D505D
16.7%	16.7% #385A65	RGB 56 90 101	#385A65
33.3%	33.3% #44646D	RGB 68 100 109	#44646D
50.0%	50.0% #526E76	RGB 82 110 118	#526E76
66.7%	66.7% #61787E	RGB 97 120 126	#61787E
83.3%	83.3% #718286	RGB 113 130 134	#718286
100.0%	100.0% #838D8F	RGB 131 141 143	#838D8F

#2D505D #385A65 #44646D #526E76 #61787E #718286 #838D8F

#2D515D - #526E76 - #838D8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D505D 0%, #526E76 50%, #838D8F 100%);
    background: -webkit-linear-gradient(top, #2D505D 0%, #526E76 50%, #838D8F 100%);
    background: linear-gradient(to bottom, #2D505D 0%, #526E76 50%, #838D8F 100%);
}
</style>