#434A54 - #131B18 | 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 #434A54 to #131B18

#434A54 #131B18

Calculate the color between two colors, #434A54 and #131B18. 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)

#434A54 - #131B18 | 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 #434A54 as 0% and #131B18 as 100%.

0.0%	0.0% #434A54	RGB 67 74 84	#434A54
16.7%	16.7% #3B424A	RGB 59 66 74	#3B424A
33.3%	33.3% #333A40	RGB 51 58 64	#333A40
50.0%	50.0% #2B3236	RGB 43 50 54	#2B3236
66.7%	66.7% #232A2C	RGB 35 42 44	#232A2C
83.3%	83.3% #1B2222	RGB 27 34 34	#1B2222
100.0%	100.0% #131B18	RGB 19 27 24	#131B18

#434A54 #3B424A #333A40 #2B3236 #232A2C #1B2222 #131B18

#434A54 - #131B18

HSV Blend

#434A54 - #131B18 | 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 #434A54 as 0% and #131B18 as 100%.

0.0%	0.0% #434A54	RGB 67 74 84	#434A54
16.7%	16.7% #3A434A	RGB 58 67 74	#3A434A
33.3%	33.3% #313C41	RGB 49 60 65	#313C41
50.0%	50.0% #293637	RGB 41 54 55	#293637
66.7%	66.7% #212E2D	RGB 33 46 45	#212E2D
83.3%	83.3% #1A2422	RGB 26 36 34	#1A2422
100.0%	100.0% #131B18	RGB 19 27 24	#131B18

#434A54 #3A434A #313C41 #293637 #212E2D #1A2422 #131B18

#434A54 - #293637 - #131B18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #434A54 0%, #293637 50%, #131B18 100%);
    background: -webkit-linear-gradient(top, #434A54 0%, #293637 50%, #131B18 100%);
    background: linear-gradient(to bottom, #434A54 0%, #293637 50%, #131B18 100%);
}
</style>