#5E93BC - #234770 | 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 #5E93BC to #234770

#5E93BC #234770

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

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

0.0%	0.0% #5E93BC	RGB 94 147 188	#5E93BC
16.7%	16.7% #5486AF	RGB 84 134 175	#5486AF
33.3%	33.3% #4A79A2	RGB 74 121 162	#4A79A2
50.0%	50.0% #406D96	RGB 64 109 150	#406D96
66.7%	66.7% #366089	RGB 54 96 137	#366089
83.3%	83.3% #2C537C	RGB 44 83 124	#2C537C
100.0%	100.0% #234770	RGB 35 71 112	#234770

#5E93BC #5486AF #4A79A2 #406D96 #366089 #2C537C #234770

#5E93BC - #234770

HSV Blend

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

0.0%	0.0% #5E93BC	RGB 94 147 188	#5E93BC
16.7%	16.7% #5285AF	RGB 82 133 175	#5285AF
33.3%	33.3% #4777A2	RGB 71 119 162	#4777A2
50.0%	50.0% #3C6A96	RGB 60 106 150	#3C6A96
66.7%	66.7% #335E89	RGB 51 94 137	#335E89
83.3%	83.3% #2A527C	RGB 42 82 124	#2A527C
100.0%	100.0% #234770	RGB 35 71 112	#234770

#5E93BC #5285AF #4777A2 #3C6A96 #335E89 #2A527C #234770

#5E93BC - #3C6A96 - #234770

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E93BC 0%, #3C6A96 50%, #234770 100%);
    background: -webkit-linear-gradient(top, #5E93BC 0%, #3C6A96 50%, #234770 100%);
    background: linear-gradient(to bottom, #5E93BC 0%, #3C6A96 50%, #234770 100%);
}
</style>