#3E4042 - #8D6568 | 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 #3E4042 to #8D6568

#3E4042 #8D6568

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

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

0.0%	0.0% #3E4042	RGB 62 64 66	#3E4042
16.7%	16.7% #4B4648	RGB 75 70 72	#4B4648
33.3%	33.3% #584C4E	RGB 88 76 78	#584C4E
50.0%	50.0% #655255	RGB 101 82 85	#655255
66.7%	66.7% #72585B	RGB 114 88 91	#72585B
83.3%	83.3% #7F5E61	RGB 127 94 97	#7F5E61
100.0%	100.0% #8D6568	RGB 141 101 104	#8D6568

#3E4042 #4B4648 #584C4E #655255 #72585B #7F5E61 #8D6568

#3E4042 - #8D6568

HSV Blend

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

0.0%	0.0% #3E4042	RGB 62 64 66	#3E4042
16.7%	16.7% #46474E	RGB 70 71 78	#46474E
33.3%	33.3% #524E5B	RGB 82 78 91	#524E5B
50.0%	50.0% #625567	RGB 98 85 103	#625567
66.7%	66.7% #745B71	RGB 116 91 113	#745B71
83.3%	83.3% #806070	RGB 128 96 112	#806070
100.0%	100.0% #8D6568	RGB 141 101 104	#8D6568

#3E4042 #46474E #524E5B #625567 #745B71 #806070 #8D6568

#3E4042 - #625567 - #8D6568

CSS codes

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

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