#2F3E2B - #5E72AE | 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 #2F3E2B to #5E72AE

#2F3E2B #5E72AE

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

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

0.0%	0.0% #2F3E2B	RGB 47 62 43	#2F3E2B
16.7%	16.7% #364640	RGB 54 70 64	#364640
33.3%	33.3% #3E4F56	RGB 62 79 86	#3E4F56
50.0%	50.0% #46586C	RGB 70 88 108	#46586C
66.7%	66.7% #4E6082	RGB 78 96 130	#4E6082
83.3%	83.3% #566998	RGB 86 105 152	#566998
100.0%	100.0% #5E72AE	RGB 94 114 174	#5E72AE

#2F3E2B #364640 #3E4F56 #46586C #4E6082 #566998 #5E72AE

#2F3E2B - #5E72AE

HSV Blend

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

0.0%	0.0% #2F3E2B	RGB 47 62 43	#2F3E2B
16.7%	16.7% #355038	RGB 53 80 56	#355038
33.3%	33.3% #3F634F	RGB 63 99 79	#3F634F
50.0%	50.0% #48766B	RGB 72 118 107	#48766B
66.7%	66.7% #508388	RGB 80 131 136	#508388
83.3%	83.3% #577E9B	RGB 87 126 155	#577E9B
100.0%	100.0% #5E72AE	RGB 94 114 174	#5E72AE

#2F3E2B #355038 #3F634F #48766B #508388 #577E9B #5E72AE

#2F3E2B - #48766B - #5E72AE

CSS codes

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

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