#5E5653 - #879DB5 | 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 #5E5653 to #879DB5

#5E5653 #879DB5

Calculate the color between two colors, #5E5653 and #879DB5. 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)

#5E5653 - #879DB5 | 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 #5E5653 as 0% and #879DB5 as 100%.

0.0%	0.0% #5E5653	RGB 94 86 83	#5E5653
16.7%	16.7% #646163	RGB 100 97 99	#646163
33.3%	33.3% #6B6D73	RGB 107 109 115	#6B6D73
50.0%	50.0% #727984	RGB 114 121 132	#727984
66.7%	66.7% #798594	RGB 121 133 148	#798594
83.3%	83.3% #8091A4	RGB 128 145 164	#8091A4
100.0%	100.0% #879DB5	RGB 135 157 181	#879DB5

#5E5653 #646163 #6B6D73 #727984 #798594 #8091A4 #879DB5

#5E5653 - #879DB5

HSV Blend

#5E5653 - #879DB5 | 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 #5E5653 as 0% and #879DB5 as 100%.

0.0%	0.0% #5E5653	RGB 94 86 83	#5E5653
16.7%	16.7% #6C5D60	RGB 108 93 96	#6C5D60
33.3%	33.3% #7B6673	RGB 123 102 115	#7B6673
50.0%	50.0% #866F89	RGB 134 111 137	#866F89
66.7%	66.7% #867898	RGB 134 120 152	#867898
83.3%	83.3% #7F80A6	RGB 127 128 166	#7F80A6
100.0%	100.0% #879DB5	RGB 135 157 181	#879DB5

#5E5653 #6C5D60 #7B6673 #866F89 #867898 #7F80A6 #879DB5

#5E5653 - #866F89 - #879DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5653 0%, #866F89 50%, #879DB5 100%);
    background: -webkit-linear-gradient(top, #5E5653 0%, #866F89 50%, #879DB5 100%);
    background: linear-gradient(to bottom, #5E5653 0%, #866F89 50%, #879DB5 100%);
}
</style>