#363E3C - #8C7670 | 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 #363E3C to #8C7670

#363E3C #8C7670

Calculate the color between two colors, #363E3C and #8C7670. 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)

#363E3C - #8C7670 | 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 #363E3C as 0% and #8C7670 as 100%.

0.0%	0.0% #363E3C	RGB 54 62 60	#363E3C
16.7%	16.7% #444744	RGB 68 71 68	#444744
33.3%	33.3% #52504D	RGB 82 80 77	#52504D
50.0%	50.0% #615A56	RGB 97 90 86	#615A56
66.7%	66.7% #6F635E	RGB 111 99 94	#6F635E
83.3%	83.3% #7D6C67	RGB 125 108 103	#7D6C67
100.0%	100.0% #8C7670	RGB 140 118 112	#8C7670

#363E3C #444744 #52504D #615A56 #6F635E #7D6C67 #8C7670

#363E3C - #8C7670

HSV Blend

#363E3C - #8C7670 | 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 #363E3C as 0% and #8C7670 as 100%.

0.0%	0.0% #363E3C	RGB 54 62 60	#363E3C
16.7%	16.7% #404B43	RGB 64 75 67	#404B43
33.3%	33.3% #4B584A	RGB 75 88 74	#4B584A
50.0%	50.0% #5C6554	RGB 92 101 84	#5C6554
66.7%	66.7% #70725D	RGB 112 114 93	#70725D
83.3%	83.3% #7F7667	RGB 127 118 103	#7F7667
100.0%	100.0% #8C7670	RGB 140 118 112	#8C7670

#363E3C #404B43 #4B584A #5C6554 #70725D #7F7667 #8C7670

#363E3C - #5C6554 - #8C7670

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #363E3C 0%, #5C6554 50%, #8C7670 100%);
    background: -webkit-linear-gradient(top, #363E3C 0%, #5C6554 50%, #8C7670 100%);
    background: linear-gradient(to bottom, #363E3C 0%, #5C6554 50%, #8C7670 100%);
}
</style>