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

#3E3A3A #7E5E89

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

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

0.0%	0.0% #3E3A3A	RGB 62 58 58	#3E3A3A
16.7%	16.7% #484047	RGB 72 64 71	#484047
33.3%	33.3% #534654	RGB 83 70 84	#534654
50.0%	50.0% #5E4C61	RGB 94 76 97	#5E4C61
66.7%	66.7% #68526E	RGB 104 82 110	#68526E
83.3%	83.3% #73587B	RGB 115 88 123	#73587B
100.0%	100.0% #7E5E89	RGB 126 94 137	#7E5E89

#3E3A3A #484047 #534654 #5E4C61 #68526E #73587B #7E5E89

#3E3A3A - #7E5E89

HSV Blend

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

0.0%	0.0% #3E3A3A	RGB 62 58 58	#3E3A3A
16.7%	16.7% #4A4244	RGB 74 66 68	#4A4244
33.3%	33.3% #574A4F	RGB 87 74 79	#574A4F
50.0%	50.0% #63505C	RGB 99 80 92	#63505C
66.7%	66.7% #70566B	RGB 112 86 107	#70566B
83.3%	83.3% #7A5A7C	RGB 122 90 124	#7A5A7C
100.0%	100.0% #7E5E89	RGB 126 94 137	#7E5E89

#3E3A3A #4A4244 #574A4F #63505C #70566B #7A5A7C #7E5E89

#3E3A3A - #63505C - #7E5E89

CSS codes

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

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