#5E749A - #1A212C | 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 #5E749A to #1A212C

#5E749A #1A212C

Calculate the color between two colors, #5E749A and #1A212C. 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)

#5E749A - #1A212C | 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 #5E749A as 0% and #1A212C as 100%.

0.0%	0.0% #5E749A	RGB 94 116 154	#5E749A
16.7%	16.7% #526687	RGB 82 102 135	#526687
33.3%	33.3% #475875	RGB 71 88 117	#475875
50.0%	50.0% #3C4A63	RGB 60 74 99	#3C4A63
66.7%	66.7% #303C50	RGB 48 60 80	#303C50
83.3%	83.3% #252E3E	RGB 37 46 62	#252E3E
100.0%	100.0% #1A212C	RGB 26 33 44	#1A212C

#5E749A #526687 #475875 #3C4A63 #303C50 #252E3E #1A212C

#5E749A - #1A212C

HSV Blend

#5E749A - #1A212C | 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 #5E749A as 0% and #1A212C as 100%.

0.0%	0.0% #5E749A	RGB 94 116 154	#5E749A
16.7%	16.7% #526687	RGB 82 102 135	#526687
33.3%	33.3% #465875	RGB 70 88 117	#465875
50.0%	50.0% #3B4A63	RGB 59 74 99	#3B4A63
66.7%	66.7% #303C50	RGB 48 60 80	#303C50
83.3%	83.3% #252E3E	RGB 37 46 62	#252E3E
100.0%	100.0% #1A212C	RGB 26 33 44	#1A212C

#5E749A #526687 #465875 #3B4A63 #303C50 #252E3E #1A212C

#5E749A - #3B4A63 - #1A212C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E749A 0%, #3B4A63 50%, #1A212C 100%);
    background: -webkit-linear-gradient(top, #5E749A 0%, #3B4A63 50%, #1A212C 100%);
    background: linear-gradient(to bottom, #5E749A 0%, #3B4A63 50%, #1A212C 100%);
}
</style>