#5E8CDB - #17498D | 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 #5E8CDB to #17498D

#5E8CDB #17498D

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

#5E8CDB - #17498D | 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 #5E8CDB as 0% and #17498D as 100%.

0.0%	0.0% #5E8CDB	RGB 94 140 219	#5E8CDB
16.7%	16.7% #5280CE	RGB 82 128 206	#5280CE
33.3%	33.3% #4675C1	RGB 70 117 193	#4675C1
50.0%	50.0% #3A6AB4	RGB 58 106 180	#3A6AB4
66.7%	66.7% #2E5FA7	RGB 46 95 167	#2E5FA7
83.3%	83.3% #22549A	RGB 34 84 154	#22549A
100.0%	100.0% #17498D	RGB 23 73 141	#17498D

#5E8CDB #5280CE #4675C1 #3A6AB4 #2E5FA7 #22549A #17498D

#5E8CDB - #17498D

HSV Blend

#5E8CDB - #17498D | 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 #5E8CDB as 0% and #17498D as 100%.

0.0%	0.0% #5E8CDB	RGB 94 140 219	#5E8CDB
16.7%	16.7% #4F7FCE	RGB 79 127 206	#4F7FCE
33.3%	33.3% #4172C1	RGB 65 114 193	#4172C1
50.0%	50.0% #3567B4	RGB 53 103 180	#3567B4
66.7%	66.7% #2A5CA7	RGB 42 92 167	#2A5CA7
83.3%	83.3% #1F529A	RGB 31 82 154	#1F529A
100.0%	100.0% #17498D	RGB 23 73 141	#17498D

#5E8CDB #4F7FCE #4172C1 #3567B4 #2A5CA7 #1F529A #17498D

#5E8CDB - #3567B4 - #17498D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8CDB 0%, #3567B4 50%, #17498D 100%);
    background: -webkit-linear-gradient(top, #5E8CDB 0%, #3567B4 50%, #17498D 100%);
    background: linear-gradient(to bottom, #5E8CDB 0%, #3567B4 50%, #17498D 100%);
}
</style>