#5E6984 - #1F2D36 | 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 #5E6984 to #1F2D36

#5E6984 #1F2D36

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

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

0.0%	0.0% #5E6984	RGB 94 105 132	#5E6984
16.7%	16.7% #535F77	RGB 83 95 119	#535F77
33.3%	33.3% #49556A	RGB 73 85 106	#49556A
50.0%	50.0% #3E4B5D	RGB 62 75 93	#3E4B5D
66.7%	66.7% #344150	RGB 52 65 80	#344150
83.3%	83.3% #293743	RGB 41 55 67	#293743
100.0%	100.0% #1F2D36	RGB 31 45 54	#1F2D36

#5E6984 #535F77 #49556A #3E4B5D #344150 #293743 #1F2D36

#5E6984 - #1F2D36

HSV Blend

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

0.0%	0.0% #5E6984	RGB 94 105 132	#5E6984
16.7%	16.7% #525E77	RGB 82 94 119	#525E77
33.3%	33.3% #46546A	RGB 70 84 106	#46546A
50.0%	50.0% #3B4A5D	RGB 59 74 93	#3B4A5D
66.7%	66.7% #314050	RGB 49 64 80	#314050
83.3%	83.3% #283743	RGB 40 55 67	#283743
100.0%	100.0% #1F2D36	RGB 31 45 54	#1F2D36

#5E6984 #525E77 #46546A #3B4A5D #314050 #283743 #1F2D36

#5E6984 - #3B4A5D - #1F2D36

CSS codes

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

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