#5E5B58 - #829BB6 | 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 #5E5B58 to #829BB6

#5E5B58 #829BB6

Calculate the color between two colors, #5E5B58 and #829BB6. 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)

#5E5B58 - #829BB6 | 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 #5E5B58 as 0% and #829BB6 as 100%.

0.0%	0.0% #5E5B58	RGB 94 91 88	#5E5B58
16.7%	16.7% #646567	RGB 100 101 103	#646567
33.3%	33.3% #6A7077	RGB 106 112 119	#6A7077
50.0%	50.0% #707B87	RGB 112 123 135	#707B87
66.7%	66.7% #768596	RGB 118 133 150	#768596
83.3%	83.3% #7C90A6	RGB 124 144 166	#7C90A6
100.0%	100.0% #829BB6	RGB 130 155 182	#829BB6

#5E5B58 #646567 #6A7077 #707B87 #768596 #7C90A6 #829BB6

#5E5B58 - #829BB6

HSV Blend

#5E5B58 - #829BB6 | 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 #5E5B58 as 0% and #829BB6 as 100%.

0.0%	0.0% #5E5B58	RGB 94 91 88	#5E5B58
16.7%	16.7% #6C6161	RGB 108 97 97	#6C6161
33.3%	33.3% #7B6A72	RGB 123 106 114	#7B6A72
50.0%	50.0% #8A7189	RGB 138 113 137	#8A7189
66.7%	66.7% #887898	RGB 136 120 152	#887898
83.3%	83.3% #7E7DA7	RGB 126 125 167	#7E7DA7
100.0%	100.0% #829BB6	RGB 130 155 182	#829BB6

#5E5B58 #6C6161 #7B6A72 #8A7189 #887898 #7E7DA7 #829BB6

#5E5B58 - #8A7189 - #829BB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B58 0%, #8A7189 50%, #829BB6 100%);
    background: -webkit-linear-gradient(top, #5E5B58 0%, #8A7189 50%, #829BB6 100%);
    background: linear-gradient(to bottom, #5E5B58 0%, #8A7189 50%, #829BB6 100%);
}
</style>