#605E5E - #21152B | 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 #605E5E to #21152B

#605E5E #21152B

Calculate the color between two colors, #605E5E and #21152B. 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)

#605E5E - #21152B | 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 #605E5E as 0% and #21152B as 100%.

0.0%	0.0% #605E5E	RGB 96 94 94	#605E5E
16.7%	16.7% #555155	RGB 85 81 85	#555155
33.3%	33.3% #4B454D	RGB 75 69 77	#4B454D
50.0%	50.0% #403944	RGB 64 57 68	#403944
66.7%	66.7% #362D3C	RGB 54 45 60	#362D3C
83.3%	83.3% #2B2133	RGB 43 33 51	#2B2133
100.0%	100.0% #21152B	RGB 33 21 43	#21152B

#605E5E #555155 #4B454D #403944 #362D3C #2B2133 #21152B

#605E5E - #21152B

HSV Blend

#605E5E - #21152B | 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 #605E5E as 0% and #21152B as 100%.

0.0%	0.0% #605E5E	RGB 96 94 94	#605E5E
16.7%	16.7% #574E50	RGB 87 78 80	#574E50
33.3%	33.3% #4E3F46	RGB 78 63 70	#4E3F46
50.0%	50.0% #453240	RGB 69 50 64	#453240
66.7%	66.7% #3C273C	RGB 60 39 60	#3C273C
83.3%	83.3% #2F1D33	RGB 47 29 51	#2F1D33
100.0%	100.0% #21152B	RGB 33 21 43	#21152B

#605E5E #574E50 #4E3F46 #453240 #3C273C #2F1D33 #21152B

#605E5E - #453240 - #21152B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605E5E 0%, #453240 50%, #21152B 100%);
    background: -webkit-linear-gradient(top, #605E5E 0%, #453240 50%, #21152B 100%);
    background: linear-gradient(to bottom, #605E5E 0%, #453240 50%, #21152B 100%);
}
</style>