#3E985F - #8EB0D4 | 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 #3E985F to #8EB0D4

#3E985F #8EB0D4

Calculate the color between two colors, #3E985F and #8EB0D4. 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)

#3E985F - #8EB0D4 | 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 #3E985F as 0% and #8EB0D4 as 100%.

0.0%	0.0% #3E985F	RGB 62 152 95	#3E985F
16.7%	16.7% #4B9C72	RGB 75 156 114	#4B9C72
33.3%	33.3% #58A086	RGB 88 160 134	#58A086
50.0%	50.0% #66A499	RGB 102 164 153	#66A499
66.7%	66.7% #73A8AD	RGB 115 168 173	#73A8AD
83.3%	83.3% #80ACC0	RGB 128 172 192	#80ACC0
100.0%	100.0% #8EB0D4	RGB 142 176 212	#8EB0D4

#3E985F #4B9C72 #58A086 #66A499 #73A8AD #80ACC0 #8EB0D4

#3E985F - #8EB0D4

HSV Blend

#3E985F - #8EB0D4 | 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 #3E985F as 0% and #8EB0D4 as 100%.

0.0%	0.0% #3E985F	RGB 62 152 95	#3E985F
16.7%	16.7% #49A27A	RGB 73 162 122	#49A27A
33.3%	33.3% #55AC96	RGB 85 172 150	#55AC96
50.0%	50.0% #62B6B1	RGB 98 182 177	#62B6B1
66.7%	66.7% #6FB5C0	RGB 111 181 192	#6FB5C0
83.3%	83.3% #7EB1CA	RGB 126 177 202	#7EB1CA
100.0%	100.0% #8EB0D4	RGB 142 176 212	#8EB0D4

#3E985F #49A27A #55AC96 #62B6B1 #6FB5C0 #7EB1CA #8EB0D4

#3E985F - #62B6B1 - #8EB0D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E985F 0%, #62B6B1 50%, #8EB0D4 100%);
    background: -webkit-linear-gradient(top, #3E985F 0%, #62B6B1 50%, #8EB0D4 100%);
    background: linear-gradient(to bottom, #3E985F 0%, #62B6B1 50%, #8EB0D4 100%);
}
</style>