#5E6B68 - #242725 | 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 #5E6B68 to #242725

#5E6B68 #242725

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

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

0.0%	0.0% #5E6B68	RGB 94 107 104	#5E6B68
16.7%	16.7% #545F5C	RGB 84 95 92	#545F5C
33.3%	33.3% #4A5451	RGB 74 84 81	#4A5451
50.0%	50.0% #414946	RGB 65 73 70	#414946
66.7%	66.7% #373D3B	RGB 55 61 59	#373D3B
83.3%	83.3% #2D3230	RGB 45 50 48	#2D3230
100.0%	100.0% #242725	RGB 36 39 37	#242725

#5E6B68 #545F5C #4A5451 #414946 #373D3B #2D3230 #242725

#5E6B68 - #242725

HSV Blend

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

0.0%	0.0% #5E6B68	RGB 94 107 104	#5E6B68
16.7%	16.7% #545F5C	RGB 84 95 92	#545F5C
33.3%	33.3% #4B5450	RGB 75 84 80	#4B5450
50.0%	50.0% #414945	RGB 65 73 69	#414945
66.7%	66.7% #383D3A	RGB 56 61 58	#383D3A
83.3%	83.3% #2E322F	RGB 46 50 47	#2E322F
100.0%	100.0% #242725	RGB 36 39 37	#242725

#5E6B68 #545F5C #4B5450 #414945 #383D3A #2E322F #242725

#5E6B68 - #414945 - #242725

CSS codes

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

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