#2B2B50 - #5E899A | 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 #2B2B50 to #5E899A

#2B2B50 #5E899A

Calculate the color between two colors, #2B2B50 and #5E899A. 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)

#2B2B50 - #5E899A | 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 #2B2B50 as 0% and #5E899A as 100%.

0.0%	0.0% #2B2B50	RGB 43 43 80	#2B2B50
16.7%	16.7% #333A5C	RGB 51 58 92	#333A5C
33.3%	33.3% #3C4A68	RGB 60 74 104	#3C4A68
50.0%	50.0% #445A75	RGB 68 90 117	#445A75
66.7%	66.7% #4D6981	RGB 77 105 129	#4D6981
83.3%	83.3% #55798D	RGB 85 121 141	#55798D
100.0%	100.0% #5E899A	RGB 94 137 154	#5E899A

#2B2B50 #333A5C #3C4A68 #445A75 #4D6981 #55798D #5E899A

#2B2B50 - #5E899A

HSV Blend

#2B2B50 - #5E899A | 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 #2B2B50 as 0% and #5E899A as 100%.

0.0%	0.0% #2B2B50	RGB 43 43 80	#2B2B50
16.7%	16.7% #32375C	RGB 50 55 92	#32375C
33.3%	33.3% #3A4568	RGB 58 69 104	#3A4568
50.0%	50.0% #435575	RGB 67 85 117	#435575
66.7%	66.7% #4B6581	RGB 75 101 129	#4B6581
83.3%	83.3% #54768D	RGB 84 118 141	#54768D
100.0%	100.0% #5E899A	RGB 94 137 154	#5E899A

#2B2B50 #32375C #3A4568 #435575 #4B6581 #54768D #5E899A

#2B2B50 - #435575 - #5E899A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2B50 0%, #435575 50%, #5E899A 100%);
    background: -webkit-linear-gradient(top, #2B2B50 0%, #435575 50%, #5E899A 100%);
    background: linear-gradient(to bottom, #2B2B50 0%, #435575 50%, #5E899A 100%);
}
</style>