#5E93B6 - #095266 | 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 #5E93B6 to #095266

#5E93B6 #095266

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

#5E93B6 - #095266 | 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 #5E93B6 as 0% and #095266 as 100%.

0.0%	0.0% #5E93B6	RGB 94 147 182	#5E93B6
16.7%	16.7% #4F88A8	RGB 79 136 168	#4F88A8
33.3%	33.3% #417D9B	RGB 65 125 155	#417D9B
50.0%	50.0% #33728E	RGB 51 114 142	#33728E
66.7%	66.7% #256780	RGB 37 103 128	#256780
83.3%	83.3% #175C73	RGB 23 92 115	#175C73
100.0%	100.0% #095266	RGB 9 82 102	#095266

#5E93B6 #4F88A8 #417D9B #33728E #256780 #175C73 #095266

#5E93B6 - #095266

HSV Blend

#5E93B6 - #095266 | 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 #5E93B6 as 0% and #095266 as 100%.

0.0%	0.0% #5E93B6	RGB 94 147 182	#5E93B6
16.7%	16.7% #4B86A8	RGB 75 134 168	#4B86A8
33.3%	33.3% #3A7A9B	RGB 58 122 155	#3A7A9B
50.0%	50.0% #2A6F8E	RGB 42 111 142	#2A6F8E
66.7%	66.7% #1D6580	RGB 29 101 128	#1D6580
83.3%	83.3% #125B73	RGB 18 91 115	#125B73
100.0%	100.0% #095266	RGB 9 82 102	#095266

#5E93B6 #4B86A8 #3A7A9B #2A6F8E #1D6580 #125B73 #095266

#5E93B6 - #2A6F8E - #095266

CSS codes

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

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