#5E8FC9 - #1B4476 | 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 #5E8FC9 to #1B4476

#5E8FC9 #1B4476

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

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

0.0%	0.0% #5E8FC9	RGB 94 143 201	#5E8FC9
16.7%	16.7% #5282BB	RGB 82 130 187	#5282BB
33.3%	33.3% #4776AD	RGB 71 118 173	#4776AD
50.0%	50.0% #3C699F	RGB 60 105 159	#3C699F
66.7%	66.7% #315D91	RGB 49 93 145	#315D91
83.3%	83.3% #265083	RGB 38 80 131	#265083
100.0%	100.0% #1B4476	RGB 27 68 118	#1B4476

#5E8FC9 #5282BB #4776AD #3C699F #315D91 #265083 #1B4476

#5E8FC9 - #1B4476

HSV Blend

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

0.0%	0.0% #5E8EC9	RGB 94 142 201	#5E8EC9
16.7%	16.7% #5080BB	RGB 80 128 187	#5080BB
33.3%	33.3% #4373AD	RGB 67 115 173	#4373AD
50.0%	50.0% #37669F	RGB 55 102 159	#37669F
66.7%	66.7% #2C5A91	RGB 44 90 145	#2C5A91
83.3%	83.3% #234E83	RGB 35 78 131	#234E83
100.0%	100.0% #1B4476	RGB 27 68 118	#1B4476

#5E8EC9 #5080BB #4373AD #37669F #2C5A91 #234E83 #1B4476

#5E8FC9 - #37669F - #1B4476

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8EC9 0%, #37669F 50%, #1B4476 100%);
    background: -webkit-linear-gradient(top, #5E8EC9 0%, #37669F 50%, #1B4476 100%);
    background: linear-gradient(to bottom, #5E8EC9 0%, #37669F 50%, #1B4476 100%);
}
</style>