#5E6A89 - #262B3C | 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 #5E6A89 to #262B3C

#5E6A89 #262B3C

Calculate the color between two colors, #5E6A89 and #262B3C. 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)

#5E6A89 - #262B3C | 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 #5E6A89 as 0% and #262B3C as 100%.

0.0%	0.0% #5E6A89	RGB 94 106 137	#5E6A89
16.7%	16.7% #545F7C	RGB 84 95 124	#545F7C
33.3%	33.3% #4B556F	RGB 75 85 111	#4B556F
50.0%	50.0% #424A62	RGB 66 74 98	#424A62
66.7%	66.7% #384055	RGB 56 64 85	#384055
83.3%	83.3% #2F3548	RGB 47 53 72	#2F3548
100.0%	100.0% #262B3C	RGB 38 43 60	#262B3C

#5E6A89 #545F7C #4B556F #424A62 #384055 #2F3548 #262B3C

#5E6A89 - #262B3C

HSV Blend

#5E6A89 - #262B3C | 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 #5E6A89 as 0% and #262B3C as 100%.

0.0%	0.0% #5E6A89	RGB 94 106 137	#5E6A89
16.7%	16.7% #545E7C	RGB 84 94 124	#545E7C
33.3%	33.3% #4A546F	RGB 74 84 111	#4A546F
50.0%	50.0% #404962	RGB 64 73 98	#404962
66.7%	66.7% #373F55	RGB 55 63 85	#373F55
83.3%	83.3% #2E3448	RGB 46 52 72	#2E3448
100.0%	100.0% #262B3C	RGB 38 43 60	#262B3C

#5E6A89 #545E7C #4A546F #404962 #373F55 #2E3448 #262B3C

#5E6A89 - #404962 - #262B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A89 0%, #404962 50%, #262B3C 100%);
    background: -webkit-linear-gradient(top, #5E6A89 0%, #404962 50%, #262B3C 100%);
    background: linear-gradient(to bottom, #5E6A89 0%, #404962 50%, #262B3C 100%);
}
</style>