#2F2B5E - #5594B2 | 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 #2F2B5E to #5594B2

#2F2B5E #5594B2

Calculate the color between two colors, #2F2B5E and #5594B2. 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)

#2F2B5E - #5594B2 | 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 #2F2B5E as 0% and #5594B2 as 100%.

0.0%	0.0% #2F2B5E	RGB 47 43 94	#2F2B5E
16.7%	16.7% #353C6C	RGB 53 60 108	#353C6C
33.3%	33.3% #3B4E7A	RGB 59 78 122	#3B4E7A
50.0%	50.0% #425F88	RGB 66 95 136	#425F88
66.7%	66.7% #487196	RGB 72 113 150	#487196
83.3%	83.3% #4E82A4	RGB 78 130 164	#4E82A4
100.0%	100.0% #5594B2	RGB 85 148 178	#5594B2

#2F2B5E #353C6C #3B4E7A #425F88 #487196 #4E82A4 #5594B2

#2F2B5E - #5594B2

HSV Blend

#2F2B5E - #5594B2 | 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 #2F2B5E as 0% and #5594B2 as 100%.

0.0%	0.0% #2F2B5E	RGB 47 43 94	#2F2B5E
16.7%	16.7% #31346C	RGB 49 52 108	#31346C
33.3%	33.3% #38437A	RGB 56 67 122	#38437A
50.0%	50.0% #3F5588	RGB 63 85 136	#3F5588
66.7%	66.7% #466896	RGB 70 104 150	#466896
83.3%	83.3% #4D7DA4	RGB 77 125 164	#4D7DA4
100.0%	100.0% #5594B2	RGB 85 148 178	#5594B2

#2F2B5E #31346C #38437A #3F5588 #466896 #4D7DA4 #5594B2

#2F2B5E - #3F5588 - #5594B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2B5E 0%, #3F5588 50%, #5594B2 100%);
    background: -webkit-linear-gradient(top, #2F2B5E 0%, #3F5588 50%, #5594B2 100%);
    background: linear-gradient(to bottom, #2F2B5E 0%, #3F5588 50%, #5594B2 100%);
}
</style>