#2D3E2B - #5E6EAE | 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 #2D3E2B to #5E6EAE

#2D3E2B #5E6EAE

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

#2D3E2B - #5E6EAE | 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 #2D3E2B as 0% and #5E6EAE as 100%.

0.0%	0.0% #2D3E2B	RGB 45 62 43	#2D3E2B
16.7%	16.7% #354640	RGB 53 70 64	#354640
33.3%	33.3% #3D4E56	RGB 61 78 86	#3D4E56
50.0%	50.0% #45566C	RGB 69 86 108	#45566C
66.7%	66.7% #4D5E82	RGB 77 94 130	#4D5E82
83.3%	83.3% #556698	RGB 85 102 152	#556698
100.0%	100.0% #5E6EAE	RGB 94 110 174	#5E6EAE

#2D3E2B #354640 #3D4E56 #45566C #4D5E82 #556698 #5E6EAE

#2D3E2B - #5E6EAE

HSV Blend

#2D3E2B - #5E6EAE | 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 #2D3E2B as 0% and #5E6EAE as 100%.

0.0%	0.0% #2C3E2B	RGB 44 62 43	#2C3E2B
16.7%	16.7% #35503B	RGB 53 80 59	#35503B
33.3%	33.3% #3F6352	RGB 63 99 82	#3F6352
50.0%	50.0% #48766F	RGB 72 118 111	#48766F
66.7%	66.7% #507F88	RGB 80 127 136	#507F88
83.3%	83.3% #577A9B	RGB 87 122 155	#577A9B
100.0%	100.0% #5E6EAE	RGB 94 110 174	#5E6EAE

#2C3E2B #35503B #3F6352 #48766F #507F88 #577A9B #5E6EAE

#2D3E2B - #48766F - #5E6EAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C3E2B 0%, #48766F 50%, #5E6EAE 100%);
    background: -webkit-linear-gradient(top, #2C3E2B 0%, #48766F 50%, #5E6EAE 100%);
    background: linear-gradient(to bottom, #2C3E2B 0%, #48766F 50%, #5E6EAE 100%);
}
</style>