#3E3F3E - #8D627B | 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 #3E3F3E to #8D627B

#3E3F3E #8D627B

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

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

0.0%	0.0% #3E3F3E	RGB 62 63 62	#3E3F3E
16.7%	16.7% #4B4448	RGB 75 68 72	#4B4448
33.3%	33.3% #584A52	RGB 88 74 82	#584A52
50.0%	50.0% #65505C	RGB 101 80 92	#65505C
66.7%	66.7% #725666	RGB 114 86 102	#725666
83.3%	83.3% #7F5C70	RGB 127 92 112	#7F5C70
100.0%	100.0% #8D627B	RGB 141 98 123	#8D627B

#3E3F3E #4B4448 #584A52 #65505C #725666 #7F5C70 #8D627B

#3E3F3E - #8D627B

HSV Blend

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

0.0%	0.0% #3E3F3E	RGB 62 63 62	#3E3F3E
16.7%	16.7% #494C47	RGB 73 76 71	#494C47
33.3%	33.3% #57594F	RGB 87 89 79	#57594F
50.0%	50.0% #666155	RGB 102 97 85	#666155
66.7%	66.7% #73615B	RGB 115 97 91	#73615B
83.3%	83.3% #805F64	RGB 128 95 100	#805F64
100.0%	100.0% #8D627B	RGB 141 98 123	#8D627B

#3E3F3E #494C47 #57594F #666155 #73615B #805F64 #8D627B

#3E3F3E - #666155 - #8D627B

CSS codes

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

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