#3E3A3C - #6E5E89 | 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 #3E3A3C to #6E5E89

#3E3A3C #6E5E89

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

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

0.0%	0.0% #3E3A3C	RGB 62 58 60	#3E3A3C
16.7%	16.7% #464048	RGB 70 64 72	#464048
33.3%	33.3% #4E4655	RGB 78 70 85	#4E4655
50.0%	50.0% #564C62	RGB 86 76 98	#564C62
66.7%	66.7% #5E526F	RGB 94 82 111	#5E526F
83.3%	83.3% #66587C	RGB 102 88 124	#66587C
100.0%	100.0% #6E5E89	RGB 110 94 137	#6E5E89

#3E3A3C #464048 #4E4655 #564C62 #5E526F #66587C #6E5E89

#3E3A3C - #6E5E89

HSV Blend

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

0.0%	0.0% #3E3A3C	RGB 62 58 60	#3E3A3C
16.7%	16.7% #4A4248	RGB 74 66 72	#4A4248
33.3%	33.3% #574A55	RGB 87 74 85	#574A55
50.0%	50.0% #625063	RGB 98 80 99	#625063
66.7%	66.7% #695670	RGB 105 86 112	#695670
83.3%	83.3% #6D5A7C	RGB 109 90 124	#6D5A7C
100.0%	100.0% #6E5E89	RGB 110 94 137	#6E5E89

#3E3A3C #4A4248 #574A55 #625063 #695670 #6D5A7C #6E5E89

#3E3A3C - #625063 - #6E5E89

CSS codes

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

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