#5E84D6 - #1C378B | 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 #5E84D6 to #1C378B

#5E84D6 #1C378B

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

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

0.0%	0.0% #5E84D6	RGB 94 132 214	#5E84D6
16.7%	16.7% #5377C9	RGB 83 119 201	#5377C9
33.3%	33.3% #486ABD	RGB 72 106 189	#486ABD
50.0%	50.0% #3D5DB0	RGB 61 93 176	#3D5DB0
66.7%	66.7% #3250A4	RGB 50 80 164	#3250A4
83.3%	83.3% #274397	RGB 39 67 151	#274397
100.0%	100.0% #1C378B	RGB 28 55 139	#1C378B

#5E84D6 #5377C9 #486ABD #3D5DB0 #3250A4 #274397 #1C378B

#5E84D6 - #1C378B

HSV Blend

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

0.0%	0.0% #5E84D6	RGB 94 132 214	#5E84D6
16.7%	16.7% #5075C9	RGB 80 117 201	#5075C9
33.3%	33.3% #4467BD	RGB 68 103 189	#4467BD
50.0%	50.0% #385AB0	RGB 56 90 176	#385AB0
66.7%	66.7% #2E4DA4	RGB 46 77 164	#2E4DA4
83.3%	83.3% #244197	RGB 36 65 151	#244197
100.0%	100.0% #1C378B	RGB 28 55 139	#1C378B

#5E84D6 #5075C9 #4467BD #385AB0 #2E4DA4 #244197 #1C378B

#5E84D6 - #385AB0 - #1C378B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E84D6 0%, #385AB0 50%, #1C378B 100%);
    background: -webkit-linear-gradient(top, #5E84D6 0%, #385AB0 50%, #1C378B 100%);
    background: linear-gradient(to bottom, #5E84D6 0%, #385AB0 50%, #1C378B 100%);
}
</style>