#434B5E - #080F50 | 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 #434B5E to #080F50

#434B5E #080F50

Calculate the color between two colors, #434B5E and #080F50. 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)

#434B5E - #080F50 | 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 #434B5E as 0% and #080F50 as 100%.

0.0%	0.0% #434B5E	RGB 67 75 94	#434B5E
16.7%	16.7% #39415B	RGB 57 65 91	#39415B
33.3%	33.3% #2F3759	RGB 47 55 89	#2F3759
50.0%	50.0% #252D57	RGB 37 45 87	#252D57
66.7%	66.7% #1B2354	RGB 27 35 84	#1B2354
83.3%	83.3% #111952	RGB 17 25 82	#111952
100.0%	100.0% #080F50	RGB 8 15 80	#080F50

#434B5E #39415B #2F3759 #252D57 #1B2354 #111952 #080F50

#434B5E - #080F50

HSV Blend

#434B5E - #080F50 | 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 #434B5E as 0% and #080F50 as 100%.

0.0%	0.0% #434B5E	RGB 67 75 94	#434B5E
16.7%	16.7% #37415B	RGB 55 65 91	#37415B
33.3%	33.3% #2D3759	RGB 45 55 89	#2D3759
50.0%	50.0% #232D57	RGB 35 45 87	#232D57
66.7%	66.7% #192354	RGB 25 35 84	#192354
83.3%	83.3% #101952	RGB 16 25 82	#101952
100.0%	100.0% #080F50	RGB 8 15 80	#080F50

#434B5E #37415B #2D3759 #232D57 #192354 #101952 #080F50

#434B5E - #232D57 - #080F50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #434B5E 0%, #232D57 50%, #080F50 100%);
    background: -webkit-linear-gradient(top, #434B5E 0%, #232D57 50%, #080F50 100%);
    background: linear-gradient(to bottom, #434B5E 0%, #232D57 50%, #080F50 100%);
}
</style>