#5E6B6D - #242826 | 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 #5E6B6D to #242826

#5E6B6D #242826

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

#5E6B6D - #242826 | 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 #5E6B6D as 0% and #242826 as 100%.

0.0%	0.0% #5E6B6D	RGB 94 107 109	#5E6B6D
16.7%	16.7% #545F61	RGB 84 95 97	#545F61
33.3%	33.3% #4A5455	RGB 74 84 85	#4A5455
50.0%	50.0% #414949	RGB 65 73 73	#414949
66.7%	66.7% #373E3D	RGB 55 62 61	#373E3D
83.3%	83.3% #2D3331	RGB 45 51 49	#2D3331
100.0%	100.0% #242826	RGB 36 40 38	#242826

#5E6B6D #545F61 #4A5455 #414949 #373E3D #2D3331 #242826

#5E6B6D - #242826

HSV Blend

#5E6B6D - #242826 | 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 #5E6B6D as 0% and #242826 as 100%.

0.0%	0.0% #5E6B6D	RGB 94 107 109	#5E6B6D
16.7%	16.7% #546161	RGB 84 97 97	#546161
33.3%	33.3% #4B5655	RGB 75 86 85	#4B5655
50.0%	50.0% #414A48	RGB 65 74 72	#414A48
66.7%	66.7% #373F3C	RGB 55 63 60	#373F3C
83.3%	83.3% #2E3331	RGB 46 51 49	#2E3331
100.0%	100.0% #242826	RGB 36 40 38	#242826

#5E6B6D #546161 #4B5655 #414A48 #373F3C #2E3331 #242826

#5E6B6D - #414A48 - #242826

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B6D 0%, #414A48 50%, #242826 100%);
    background: -webkit-linear-gradient(top, #5E6B6D 0%, #414A48 50%, #242826 100%);
    background: linear-gradient(to bottom, #5E6B6D 0%, #414A48 50%, #242826 100%);
}
</style>