#434A54 - #131518 | 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 #131518

#434A54 #131518

Calculate the color between two colors, #434A54 and #131518. 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 - #131518 | 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 #131518 as 100%.

0.0%	0.0% #434A54	RGB 67 74 84	#434A54
16.7%	16.7% #3B414A	RGB 59 65 74	#3B414A
33.3%	33.3% #333840	RGB 51 56 64	#333840
50.0%	50.0% #2B2F36	RGB 43 47 54	#2B2F36
66.7%	66.7% #23262C	RGB 35 38 44	#23262C
83.3%	83.3% #1B1D22	RGB 27 29 34	#1B1D22
100.0%	100.0% #131518	RGB 19 21 24	#131518

#434A54 #3B414A #333840 #2B2F36 #23262C #1B1D22 #131518

#434A54 - #131518

HSV Blend

#434A54 - #131518 | 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 #131518 as 100%.

0.0%	0.0% #434A54	RGB 67 74 84	#434A54
16.7%	16.7% #3A414A	RGB 58 65 74	#3A414A
33.3%	33.3% #323840	RGB 50 56 64	#323840
50.0%	50.0% #2A2F36	RGB 42 47 54	#2A2F36
66.7%	66.7% #22262C	RGB 34 38 44	#22262C
83.3%	83.3% #1A1D22	RGB 26 29 34	#1A1D22
100.0%	100.0% #131518	RGB 19 21 24	#131518

#434A54 #3A414A #323840 #2A2F36 #22262C #1A1D22 #131518

#434A54 - #2A2F36 - #131518

CSS codes

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

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