#3E5E47 - #6B95DA | 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 #3E5E47 to #6B95DA

#3E5E47 #6B95DA

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

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

0.0%	0.0% #3E5E47	RGB 62 94 71	#3E5E47
16.7%	16.7% #45675F	RGB 69 103 95	#45675F
33.3%	33.3% #4D7078	RGB 77 112 120	#4D7078
50.0%	50.0% #547990	RGB 84 121 144	#547990
66.7%	66.7% #5C82A9	RGB 92 130 169	#5C82A9
83.3%	83.3% #638BC1	RGB 99 139 193	#638BC1
100.0%	100.0% #6B95DA	RGB 107 149 218	#6B95DA

#3E5E47 #45675F #4D7078 #547990 #5C82A9 #638BC1 #6B95DA

#3E5E47 - #6B95DA

HSV Blend

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

0.0%	0.0% #3E5E47	RGB 62 94 71	#3E5E47
16.7%	16.7% #48725D	RGB 72 114 93	#48725D
33.3%	33.3% #518778	RGB 81 135 120	#518778
50.0%	50.0% #599C98	RGB 89 156 152	#599C98
66.7%	66.7% #60A2B0	RGB 96 162 176	#60A2B0
83.3%	83.3% #669FC5	RGB 102 159 197	#669FC5
100.0%	100.0% #6B95DA	RGB 107 149 218	#6B95DA

#3E5E47 #48725D #518778 #599C98 #60A2B0 #669FC5 #6B95DA

#3E5E47 - #599C98 - #6B95DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E47 0%, #599C98 50%, #6B95DA 100%);
    background: -webkit-linear-gradient(top, #3E5E47 0%, #599C98 50%, #6B95DA 100%);
    background: linear-gradient(to bottom, #3E5E47 0%, #599C98 50%, #6B95DA 100%);
}
</style>