#5E96BC - #1C6593 | 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 #5E96BC to #1C6593

#5E96BC #1C6593

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

#5E96BC - #1C6593 | 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 #5E96BC as 0% and #1C6593 as 100%.

0.0%	0.0% #5E96BC	RGB 94 150 188	#5E96BC
16.7%	16.7% #538DB5	RGB 83 141 181	#538DB5
33.3%	33.3% #4885AE	RGB 72 133 174	#4885AE
50.0%	50.0% #3D7DA7	RGB 61 125 167	#3D7DA7
66.7%	66.7% #3275A0	RGB 50 117 160	#3275A0
83.3%	83.3% #276D99	RGB 39 109 153	#276D99
100.0%	100.0% #1C6593	RGB 28 101 147	#1C6593

#5E96BC #538DB5 #4885AE #3D7DA7 #3275A0 #276D99 #1C6593

#5E96BC - #1C6593

HSV Blend

#5E96BC - #1C6593 | 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 #5E96BC as 0% and #1C6593 as 100%.

0.0%	0.0% #5E95BC	RGB 94 149 188	#5E95BC
16.7%	16.7% #518DB5	RGB 81 141 181	#518DB5
33.3%	33.3% #4584AE	RGB 69 132 174	#4584AE
50.0%	50.0% #397CA7	RGB 57 124 167	#397CA7
66.7%	66.7% #2F74A0	RGB 47 116 160	#2F74A0
83.3%	83.3% #256C99	RGB 37 108 153	#256C99
100.0%	100.0% #1C6593	RGB 28 101 147	#1C6593

#5E95BC #518DB5 #4584AE #397CA7 #2F74A0 #256C99 #1C6593

#5E96BC - #397CA7 - #1C6593

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E95BC 0%, #397CA7 50%, #1C6593 100%);
    background: -webkit-linear-gradient(top, #5E95BC 0%, #397CA7 50%, #1C6593 100%);
    background: linear-gradient(to bottom, #5E95BC 0%, #397CA7 50%, #1C6593 100%);
}
</style>