#3B5E42 - #6E9AD6 | 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 #3B5E42 to #6E9AD6

#3B5E42 #6E9AD6

Calculate the color between two colors, #3B5E42 and #6E9AD6. 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)

#3B5E42 - #6E9AD6 | 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 #3B5E42 as 0% and #6E9AD6 as 100%.

0.0%	0.0% #3B5E42	RGB 59 94 66	#3B5E42
16.7%	16.7% #43685A	RGB 67 104 90	#43685A
33.3%	33.3% #4C7273	RGB 76 114 115	#4C7273
50.0%	50.0% #547C8C	RGB 84 124 140	#547C8C
66.7%	66.7% #5D86A4	RGB 93 134 164	#5D86A4
83.3%	83.3% #6590BD	RGB 101 144 189	#6590BD
100.0%	100.0% #6E9AD6	RGB 110 154 214	#6E9AD6

#3B5E42 #43685A #4C7273 #547C8C #5D86A4 #6590BD #6E9AD6

#3B5E42 - #6E9AD6

HSV Blend

#3B5E42 - #6E9AD6 | 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 #3B5E42 as 0% and #6E9AD6 as 100%.

0.0%	0.0% #3B5E42	RGB 59 94 66	#3B5E42
16.7%	16.7% #457258	RGB 69 114 88	#457258
33.3%	33.3% #4F8673	RGB 79 134 115	#4F8673
50.0%	50.0% #579A92	RGB 87 154 146	#579A92
66.7%	66.7% #60A4AE	RGB 96 164 174	#60A4AE
83.3%	83.3% #67A2C2	RGB 103 162 194	#67A2C2
100.0%	100.0% #6E9AD6	RGB 110 154 214	#6E9AD6

#3B5E42 #457258 #4F8673 #579A92 #60A4AE #67A2C2 #6E9AD6

#3B5E42 - #579A92 - #6E9AD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E42 0%, #579A92 50%, #6E9AD6 100%);
    background: -webkit-linear-gradient(top, #3B5E42 0%, #579A92 50%, #6E9AD6 100%);
    background: linear-gradient(to bottom, #3B5E42 0%, #579A92 50%, #6E9AD6 100%);
}
</style>