#2D435D - #838A8F | 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 #2D435D to #838A8F

#2D435D #838A8F

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

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

0.0%	0.0% #2D435D	RGB 45 67 93	#2D435D
16.7%	16.7% #3B4E65	RGB 59 78 101	#3B4E65
33.3%	33.3% #495A6D	RGB 73 90 109	#495A6D
50.0%	50.0% #586676	RGB 88 102 118	#586676
66.7%	66.7% #66727E	RGB 102 114 126	#66727E
83.3%	83.3% #747E86	RGB 116 126 134	#747E86
100.0%	100.0% #838A8F	RGB 131 138 143	#838A8F

#2D435D #3B4E65 #495A6D #586676 #66727E #747E86 #838A8F

#2D435D - #838A8F

HSV Blend

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

0.0%	0.0% #2D425D	RGB 45 66 93	#2D425D
16.7%	16.7% #384D65	RGB 56 77 101	#384D65
33.3%	33.3% #44596D	RGB 68 89 109	#44596D
50.0%	50.0% #526576	RGB 82 101 118	#526576
66.7%	66.7% #61717E	RGB 97 113 126	#61717E
83.3%	83.3% #717D86	RGB 113 125 134	#717D86
100.0%	100.0% #838A8F	RGB 131 138 143	#838A8F

#2D425D #384D65 #44596D #526576 #61717E #717D86 #838A8F

#2D435D - #526576 - #838A8F

CSS codes

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

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