#5E72A1 - #1A202E | 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 #5E72A1 to #1A202E

#5E72A1 #1A202E

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

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

0.0%	0.0% #5E72A1	RGB 94 114 161	#5E72A1
16.7%	16.7% #52648D	RGB 82 100 141	#52648D
33.3%	33.3% #47567A	RGB 71 86 122	#47567A
50.0%	50.0% #3C4967	RGB 60 73 103	#3C4967
66.7%	66.7% #303B54	RGB 48 59 84	#303B54
83.3%	83.3% #252D41	RGB 37 45 65	#252D41
100.0%	100.0% #1A202E	RGB 26 32 46	#1A202E

#5E72A1 #52648D #47567A #3C4967 #303B54 #252D41 #1A202E

#5E72A1 - #1A202E

HSV Blend

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

0.0%	0.0% #5E72A1	RGB 94 114 161	#5E72A1
16.7%	16.7% #52648D	RGB 82 100 141	#52648D
33.3%	33.3% #46567A	RGB 70 86 122	#46567A
50.0%	50.0% #3B4867	RGB 59 72 103	#3B4867
66.7%	66.7% #303B54	RGB 48 59 84	#303B54
83.3%	83.3% #252D41	RGB 37 45 65	#252D41
100.0%	100.0% #1A202E	RGB 26 32 46	#1A202E

#5E72A1 #52648D #46567A #3B4867 #303B54 #252D41 #1A202E

#5E72A1 - #3B4867 - #1A202E

CSS codes

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

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