#3E5E46 - #887ACF | 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 #3E5E46 to #887ACF

#3E5E46 #887ACF

Calculate the color between two colors, #3E5E46 and #887ACF. 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)

#3E5E46 - #887ACF | 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 #3E5E46 as 0% and #887ACF as 100%.

0.0%	0.0% #3E5E46	RGB 62 94 70	#3E5E46
16.7%	16.7% #4A625C	RGB 74 98 92	#4A625C
33.3%	33.3% #566773	RGB 86 103 115	#566773
50.0%	50.0% #636C8A	RGB 99 108 138	#636C8A
66.7%	66.7% #6F70A1	RGB 111 112 161	#6F70A1
83.3%	83.3% #7B75B8	RGB 123 117 184	#7B75B8
100.0%	100.0% #887ACF	RGB 136 122 207	#887ACF

#3E5E46 #4A625C #566773 #636C8A #6F70A1 #7B75B8 #887ACF

#3E5E46 - #887ACF

HSV Blend

#3E5E46 - #887ACF | 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 #3E5E46 as 0% and #887ACF as 100%.

0.0%	0.0% #3E5E46	RGB 62 94 70	#3E5E46
16.7%	16.7% #49705F	RGB 73 112 95	#49705F
33.3%	33.3% #53837E	RGB 83 131 126	#53837E
50.0%	50.0% #5D8A96	RGB 93 138 150	#5D8A96
66.7%	66.7% #6786A9	RGB 103 134 169	#6786A9
83.3%	83.3% #717CBC	RGB 113 124 188	#717CBC
100.0%	100.0% #887ACF	RGB 136 122 207	#887ACF

#3E5E46 #49705F #53837E #5D8A96 #6786A9 #717CBC #887ACF

#3E5E46 - #5D8A96 - #887ACF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E46 0%, #5D8A96 50%, #887ACF 100%);
    background: -webkit-linear-gradient(top, #3E5E46 0%, #5D8A96 50%, #887ACF 100%);
    background: linear-gradient(to bottom, #3E5E46 0%, #5D8A96 50%, #887ACF 100%);
}
</style>