#2D3744 - #828478 | 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 #2D3744 to #828478

#2D3744 #828478

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

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

0.0%	0.0% #2D3744	RGB 45 55 68	#2D3744
16.7%	16.7% #3B434C	RGB 59 67 76	#3B434C
33.3%	33.3% #495055	RGB 73 80 85	#495055
50.0%	50.0% #575D5E	RGB 87 93 94	#575D5E
66.7%	66.7% #656A66	RGB 101 106 102	#656A66
83.3%	83.3% #73776F	RGB 115 119 111	#73776F
100.0%	100.0% #828478	RGB 130 132 120	#828478

#2D3744 #3B434C #495055 #575D5E #656A66 #73776F #828478

#2D3744 - #828478

HSV Blend

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

0.0%	0.0% #2D3744	RGB 45 55 68	#2D3744
16.7%	16.7% #374A4E	RGB 55 74 78	#374A4E
33.3%	33.3% #425953	RGB 66 89 83	#425953
50.0%	50.0% #4E6456	RGB 78 100 86	#4E6456
66.7%	66.7% #5C6E5B	RGB 92 110 91	#5C6E5B
83.3%	83.3% #707969	RGB 112 121 105	#707969
100.0%	100.0% #828478	RGB 130 132 120	#828478

#2D3744 #374A4E #425953 #4E6456 #5C6E5B #707969 #828478

#2D3744 - #4E6456 - #828478

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3744 0%, #4E6456 50%, #828478 100%);
    background: -webkit-linear-gradient(top, #2D3744 0%, #4E6456 50%, #828478 100%);
    background: linear-gradient(to bottom, #2D3744 0%, #4E6456 50%, #828478 100%);
}
</style>