#262B5E - #616B90 | 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 #262B5E to #616B90

#262B5E #616B90

Calculate the color between two colors, #262B5E and #616B90. 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)

#262B5E - #616B90 | 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 #262B5E as 0% and #616B90 as 100%.

0.0%	0.0% #262B5E	RGB 38 43 94	#262B5E
16.7%	16.7% #2F3566	RGB 47 53 102	#2F3566
33.3%	33.3% #39406E	RGB 57 64 110	#39406E
50.0%	50.0% #434B77	RGB 67 75 119	#434B77
66.7%	66.7% #4D557F	RGB 77 85 127	#4D557F
83.3%	83.3% #576087	RGB 87 96 135	#576087
100.0%	100.0% #616B90	RGB 97 107 144	#616B90

#262B5E #2F3566 #39406E #434B77 #4D557F #576087 #616B90

#262B5E - #616B90

HSV Blend

#262B5E - #616B90 | 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 #262B5E as 0% and #616B90 as 100%.

0.0%	0.0% #262A5E	RGB 38 42 94	#262A5E
16.7%	16.7% #2D3466	RGB 45 52 102	#2D3466
33.3%	33.3% #363D6E	RGB 54 61 110	#363D6E
50.0%	50.0% #404877	RGB 64 72 119	#404877
66.7%	66.7% #4A537F	RGB 74 83 127	#4A537F
83.3%	83.3% #555E87	RGB 85 94 135	#555E87
100.0%	100.0% #616B90	RGB 97 107 144	#616B90

#262A5E #2D3466 #363D6E #404877 #4A537F #555E87 #616B90

#262B5E - #404877 - #616B90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262A5E 0%, #404877 50%, #616B90 100%);
    background: -webkit-linear-gradient(top, #262A5E 0%, #404877 50%, #616B90 100%);
    background: linear-gradient(to bottom, #262A5E 0%, #404877 50%, #616B90 100%);
}
</style>