#5E716C - #262B2A | 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 #5E716C to #262B2A

#5E716C #262B2A

Calculate the color between two colors, #5E716C and #262B2A. 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)

#5E716C - #262B2A | 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 #5E716C as 0% and #262B2A as 100%.

0.0%	0.0% #5E716C	RGB 94 113 108	#5E716C
16.7%	16.7% #546561	RGB 84 101 97	#546561
33.3%	33.3% #4B5956	RGB 75 89 86	#4B5956
50.0%	50.0% #424E4B	RGB 66 78 75	#424E4B
66.7%	66.7% #384240	RGB 56 66 64	#384240
83.3%	83.3% #2F3635	RGB 47 54 53	#2F3635
100.0%	100.0% #262B2A	RGB 38 43 42	#262B2A

#5E716C #546561 #4B5956 #424E4B #384240 #2F3635 #262B2A

#5E716C - #262B2A

HSV Blend

#5E716C - #262B2A | 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 #5E716C as 0% and #262B2A as 100%.

0.0%	0.0% #5E716C	RGB 94 113 108	#5E716C
16.7%	16.7% #556561	RGB 85 101 97	#556561
33.3%	33.3% #4C5956	RGB 76 89 86	#4C5956
50.0%	50.0% #424E4B	RGB 66 78 75	#424E4B
66.7%	66.7% #394240	RGB 57 66 64	#394240
83.3%	83.3% #2F3635	RGB 47 54 53	#2F3635
100.0%	100.0% #262B2A	RGB 38 43 42	#262B2A

#5E716C #556561 #4C5956 #424E4B #394240 #2F3635 #262B2A

#5E716C - #424E4B - #262B2A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E716C 0%, #424E4B 50%, #262B2A 100%);
    background: -webkit-linear-gradient(top, #5E716C 0%, #424E4B 50%, #262B2A 100%);
    background: linear-gradient(to bottom, #5E716C 0%, #424E4B 50%, #262B2A 100%);
}
</style>