#5E5C5C - #26142A | 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 #5E5C5C to #26142A

#5E5C5C #26142A

Calculate the color between two colors, #5E5C5C and #26142A. 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)

#5E5C5C - #26142A | 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 #5E5C5C as 0% and #26142A as 100%.

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #545053	RGB 84 80 83	#545053
33.3%	33.3% #4B444B	RGB 75 68 75	#4B444B
50.0%	50.0% #423843	RGB 66 56 67	#423843
66.7%	66.7% #382C3A	RGB 56 44 58	#382C3A
83.3%	83.3% #2F2032	RGB 47 32 50	#2F2032
100.0%	100.0% #26142A	RGB 38 20 42	#26142A

#5E5C5C #545053 #4B444B #423843 #382C3A #2F2032 #26142A

#5E5C5C - #26142A

HSV Blend

#5E5C5C - #26142A | 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 #5E5C5C as 0% and #26142A as 100%.

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #554C4E	RGB 85 76 78	#554C4E
33.3%	33.3% #4C3E43	RGB 76 62 67	#4C3E43
50.0%	50.0% #44313C	RGB 68 49 60	#44313C
66.7%	66.7% #3B2636	RGB 59 38 54	#3B2636
83.3%	83.3% #321C32	RGB 50 28 50	#321C32
100.0%	100.0% #26142A	RGB 38 20 42	#26142A

#5E5C5C #554C4E #4C3E43 #44313C #3B2636 #321C32 #26142A

#5E5C5C - #44313C - #26142A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5C 0%, #44313C 50%, #26142A 100%);
    background: -webkit-linear-gradient(top, #5E5C5C 0%, #44313C 50%, #26142A 100%);
    background: linear-gradient(to bottom, #5E5C5C 0%, #44313C 50%, #26142A 100%);
}
</style>