#5E696B - #242726 | 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 #5E696B to #242726

#5E696B #242726

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

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

0.0%	0.0% #5E696B	RGB 94 105 107	#5E696B
16.7%	16.7% #545E5F	RGB 84 94 95	#545E5F
33.3%	33.3% #4A5354	RGB 74 83 84	#4A5354
50.0%	50.0% #414848	RGB 65 72 72	#414848
66.7%	66.7% #373D3D	RGB 55 61 61	#373D3D
83.3%	83.3% #2D3231	RGB 45 50 49	#2D3231
100.0%	100.0% #242726	RGB 36 39 38	#242726

#5E696B #545E5F #4A5354 #414848 #373D3D #2D3231 #242726

#5E696B - #242726

HSV Blend

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

0.0%	0.0% #5E696B	RGB 94 105 107	#5E696B
16.7%	16.7% #545E5F	RGB 84 94 95	#545E5F
33.3%	33.3% #4B5454	RGB 75 84 84	#4B5454
50.0%	50.0% #414948	RGB 65 73 72	#414948
66.7%	66.7% #383D3C	RGB 56 61 60	#383D3C
83.3%	83.3% #2E3231	RGB 46 50 49	#2E3231
100.0%	100.0% #242726	RGB 36 39 38	#242726

#5E696B #545E5F #4B5454 #414948 #383D3C #2E3231 #242726

#5E696B - #414948 - #242726

CSS codes

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

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