#424E5E - #151D1C | 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 #424E5E to #151D1C

#424E5E #151D1C

Calculate the color between two colors, #424E5E and #151D1C. 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)

#424E5E - #151D1C | 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 #424E5E as 0% and #151D1C as 100%.

0.0%	0.0% #424E5E	RGB 66 78 94	#424E5E
16.7%	16.7% #3A4553	RGB 58 69 83	#3A4553
33.3%	33.3% #333D48	RGB 51 61 72	#333D48
50.0%	50.0% #2B353D	RGB 43 53 61	#2B353D
66.7%	66.7% #242D32	RGB 36 45 50	#242D32
83.3%	83.3% #1C2527	RGB 28 37 39	#1C2527
100.0%	100.0% #151D1C	RGB 21 29 28	#151D1C

#424E5E #3A4553 #333D48 #2B353D #242D32 #1C2527 #151D1C

#424E5E - #151D1C

HSV Blend

#424E5E - #151D1C | 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 #424E5E as 0% and #151D1C as 100%.

0.0%	0.0% #424E5E	RGB 66 78 94	#424E5E
16.7%	16.7% #3A4853	RGB 58 72 83	#3A4853
33.3%	33.3% #334148	RGB 51 65 72	#334148
50.0%	50.0% #2B393D	RGB 43 57 61	#2B393D
66.7%	66.7% #243132	RGB 36 49 50	#243132
83.3%	83.3% #1C2727	RGB 28 39 39	#1C2727
100.0%	100.0% #151D1C	RGB 21 29 28	#151D1C

#424E5E #3A4853 #334148 #2B393D #243132 #1C2727 #151D1C

#424E5E - #2B393D - #151D1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #424E5E 0%, #2B393D 50%, #151D1C 100%);
    background: -webkit-linear-gradient(top, #424E5E 0%, #2B393D 50%, #151D1C 100%);
    background: linear-gradient(to bottom, #424E5E 0%, #2B393D 50%, #151D1C 100%);
}
</style>