#3E6B4D - #8986D2 | 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 #3E6B4D to #8986D2

#3E6B4D #8986D2

Calculate the color between two colors, #3E6B4D and #8986D2. 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)

#3E6B4D - #8986D2 | 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 #3E6B4D as 0% and #8986D2 as 100%.

0.0%	0.0% #3E6B4D	RGB 62 107 77	#3E6B4D
16.7%	16.7% #4A6F63	RGB 74 111 99	#4A6F63
33.3%	33.3% #577479	RGB 87 116 121	#577479
50.0%	50.0% #63788F	RGB 99 120 143	#63788F
66.7%	66.7% #707DA5	RGB 112 125 165	#707DA5
83.3%	83.3% #7C81BB	RGB 124 129 187	#7C81BB
100.0%	100.0% #8986D2	RGB 137 134 210	#8986D2

#3E6B4D #4A6F63 #577479 #63788F #707DA5 #7C81BB #8986D2

#3E6B4D - #8986D2

HSV Blend

#3E6B4D - #8986D2 | 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 #3E6B4D as 0% and #8986D2 as 100%.

0.0%	0.0% #3E6B4D	RGB 62 107 77	#3E6B4D
16.7%	16.7% #497C68	RGB 73 124 104	#497C68
33.3%	33.3% #548D87	RGB 84 141 135	#548D87
50.0%	50.0% #60929E	RGB 96 146 158	#60929E
66.7%	66.7% #6C90AF	RGB 108 144 175	#6C90AF
83.3%	83.3% #798AC0	RGB 121 138 192	#798AC0
100.0%	100.0% #8986D2	RGB 137 134 210	#8986D2

#3E6B4D #497C68 #548D87 #60929E #6C90AF #798AC0 #8986D2

#3E6B4D - #60929E - #8986D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6B4D 0%, #60929E 50%, #8986D2 100%);
    background: -webkit-linear-gradient(top, #3E6B4D 0%, #60929E 50%, #8986D2 100%);
    background: linear-gradient(to bottom, #3E6B4D 0%, #60929E 50%, #8986D2 100%);
}
</style>