#5A8EDB - #19283E | 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 #5A8EDB to #19283E

#5A8EDB #19283E

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

#5A8EDB - #19283E | 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 #5A8EDB as 0% and #19283E as 100%.

0.0%	0.0% #5A8EDB	RGB 90 142 219	#5A8EDB
16.7%	16.7% #4F7DC0	RGB 79 125 192	#4F7DC0
33.3%	33.3% #446CA6	RGB 68 108 166	#446CA6
50.0%	50.0% #395B8C	RGB 57 91 140	#395B8C
66.7%	66.7% #2E4A72	RGB 46 74 114	#2E4A72
83.3%	83.3% #233958	RGB 35 57 88	#233958
100.0%	100.0% #19283E	RGB 25 40 62	#19283E

#5A8EDB #4F7DC0 #446CA6 #395B8C #2E4A72 #233958 #19283E

#5A8EDB - #19283E

HSV Blend

#5A8EDB - #19283E | 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 #5A8EDB as 0% and #19283E as 100%.

0.0%	0.0% #5A8EDB	RGB 90 142 219	#5A8EDB
16.7%	16.7% #4E7CC0	RGB 78 124 192	#4E7CC0
33.3%	33.3% #446BA6	RGB 68 107 166	#446BA6
50.0%	50.0% #395A8C	RGB 57 90 140	#395A8C
66.7%	66.7% #2E4972	RGB 46 73 114	#2E4972
83.3%	83.3% #233858	RGB 35 56 88	#233858
100.0%	100.0% #19283E	RGB 25 40 62	#19283E

#5A8EDB #4E7CC0 #446BA6 #395A8C #2E4972 #233858 #19283E

#5A8EDB - #395A8C - #19283E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8EDB 0%, #395A8C 50%, #19283E 100%);
    background: -webkit-linear-gradient(top, #5A8EDB 0%, #395A8C 50%, #19283E 100%);
    background: linear-gradient(to bottom, #5A8EDB 0%, #395A8C 50%, #19283E 100%);
}
</style>