#5E94B6 - #1A6C8D | 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 #5E94B6 to #1A6C8D

#5E94B6 #1A6C8D

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

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

0.0%	0.0% #5E94B6	RGB 94 148 182	#5E94B6
16.7%	16.7% #528DAF	RGB 82 141 175	#528DAF
33.3%	33.3% #4786A8	RGB 71 134 168	#4786A8
50.0%	50.0% #3C80A1	RGB 60 128 161	#3C80A1
66.7%	66.7% #30799A	RGB 48 121 154	#30799A
83.3%	83.3% #257293	RGB 37 114 147	#257293
100.0%	100.0% #1A6C8D	RGB 26 108 141	#1A6C8D

#5E94B6 #528DAF #4786A8 #3C80A1 #30799A #257293 #1A6C8D

#5E94B6 - #1A6C8D

HSV Blend

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

0.0%	0.0% #5E94B6	RGB 94 148 182	#5E94B6
16.7%	16.7% #508CAF	RGB 80 140 175	#508CAF
33.3%	33.3% #4485A8	RGB 68 133 168	#4485A8
50.0%	50.0% #387EA1	RGB 56 126 161	#387EA1
66.7%	66.7% #2D779A	RGB 45 119 154	#2D779A
83.3%	83.3% #237193	RGB 35 113 147	#237193
100.0%	100.0% #1A6C8D	RGB 26 108 141	#1A6C8D

#5E94B6 #508CAF #4485A8 #387EA1 #2D779A #237193 #1A6C8D

#5E94B6 - #387EA1 - #1A6C8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E94B6 0%, #387EA1 50%, #1A6C8D 100%);
    background: -webkit-linear-gradient(top, #5E94B6 0%, #387EA1 50%, #1A6C8D 100%);
    background: linear-gradient(to bottom, #5E94B6 0%, #387EA1 50%, #1A6C8D 100%);
}
</style>