#242D3C - #676B6E | 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 #242D3C to #676B6E

#242D3C #676B6E

Calculate the color between two colors, #242D3C and #676B6E. 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)

#242D3C - #676B6E | 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 #242D3C as 0% and #676B6E as 100%.

0.0%	0.0% #242D3C	RGB 36 45 60	#242D3C
16.7%	16.7% #2F3744	RGB 47 55 68	#2F3744
33.3%	33.3% #3A414C	RGB 58 65 76	#3A414C
50.0%	50.0% #454C55	RGB 69 76 85	#454C55
66.7%	66.7% #50565D	RGB 80 86 93	#50565D
83.3%	83.3% #5B6065	RGB 91 96 101	#5B6065
100.0%	100.0% #676B6E	RGB 103 107 110	#676B6E

#242D3C #2F3744 #3A414C #454C55 #50565D #5B6065 #676B6E

#242D3C - #676B6E

HSV Blend

#242D3C - #676B6E | 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 #242D3C as 0% and #676B6E as 100%.

0.0%	0.0% #242D3C	RGB 36 45 60	#242D3C
16.7%	16.7% #2C3644	RGB 44 54 68	#2C3644
33.3%	33.3% #36404C	RGB 54 64 76	#36404C
50.0%	50.0% #414A55	RGB 65 74 85	#414A55
66.7%	66.7% #4C555D	RGB 76 85 93	#4C555D
83.3%	83.3% #596065	RGB 89 96 101	#596065
100.0%	100.0% #676B6E	RGB 103 107 110	#676B6E

#242D3C #2C3644 #36404C #414A55 #4C555D #596065 #676B6E

#242D3C - #414A55 - #676B6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242D3C 0%, #414A55 50%, #676B6E 100%);
    background: -webkit-linear-gradient(top, #242D3C 0%, #414A55 50%, #676B6E 100%);
    background: linear-gradient(to bottom, #242D3C 0%, #414A55 50%, #676B6E 100%);
}
</style>