#393E43 - #8C7E6F | 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 #393E43 to #8C7E6F

#393E43 #8C7E6F

Calculate the color between two colors, #393E43 and #8C7E6F. 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)

#393E43 - #8C7E6F | 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 #393E43 as 0% and #8C7E6F as 100%.

0.0%	0.0% #393E43	RGB 57 62 67	#393E43
16.7%	16.7% #46484A	RGB 70 72 74	#46484A
33.3%	33.3% #545351	RGB 84 83 81	#545351
50.0%	50.0% #625E59	RGB 98 94 89	#625E59
66.7%	66.7% #706860	RGB 112 104 96	#706860
83.3%	83.3% #7E7367	RGB 126 115 103	#7E7367
100.0%	100.0% #8C7E6F	RGB 140 126 111	#8C7E6F

#393E43 #46484A #545351 #625E59 #706860 #7E7367 #8C7E6F

#393E43 - #8C7E6F

HSV Blend

#393E43 - #8C7E6F | 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 #393E43 as 0% and #8C7E6F as 100%.

0.0%	0.0% #393E43	RGB 57 62 67	#393E43
16.7%	16.7% #424F4F	RGB 66 79 79	#424F4F
33.3%	33.3% #4B5B53	RGB 75 91 83	#4B5B53
50.0%	50.0% #556755	RGB 85 103 85	#556755
66.7%	66.7% #68735D	RGB 104 115 93	#68735D
83.3%	83.3% #7F7F66	RGB 127 127 102	#7F7F66
100.0%	100.0% #8C7E6F	RGB 140 126 111	#8C7E6F

#393E43 #424F4F #4B5B53 #556755 #68735D #7F7F66 #8C7E6F

#393E43 - #556755 - #8C7E6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393E43 0%, #556755 50%, #8C7E6F 100%);
    background: -webkit-linear-gradient(top, #393E43 0%, #556755 50%, #8C7E6F 100%);
    background: linear-gradient(to bottom, #393E43 0%, #556755 50%, #8C7E6F 100%);
}
</style>