#3E3D3C - #8B607E | 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 #3E3D3C to #8B607E

#3E3D3C #8B607E

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

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #4A4247	RGB 74 66 71	#4A4247
33.3%	33.3% #574852	RGB 87 72 82	#574852
50.0%	50.0% #644E5D	RGB 100 78 93	#644E5D
66.7%	66.7% #715468	RGB 113 84 104	#715468
83.3%	83.3% #7E5A73	RGB 126 90 115	#7E5A73
100.0%	100.0% #8B607E	RGB 139 96 126	#8B607E

#3E3D3C #4A4247 #574852 #644E5D #715468 #7E5A73 #8B607E

#3E3D3C - #8B607E

HSV Blend

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

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #4A4644	RGB 74 70 68	#4A4644
33.3%	33.3% #574D4C	RGB 87 77 76	#574D4C
50.0%	50.0% #645355	RGB 100 83 85	#645355
66.7%	66.7% #715860	RGB 113 88 96	#715860
83.3%	83.3% #7E5C6D	RGB 126 92 109	#7E5C6D
100.0%	100.0% #8B607E	RGB 139 96 126	#8B607E

#3E3D3C #4A4644 #574D4C #645355 #715860 #7E5C6D #8B607E

#3E3D3C - #645355 - #8B607E

CSS codes

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

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