#5E67B0 - #1B285A | 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 #5E67B0 to #1B285A

#5E67B0 #1B285A

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

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

0.0%	0.0% #5E67B0	RGB 94 103 176	#5E67B0
16.7%	16.7% #525CA1	RGB 82 92 161	#525CA1
33.3%	33.3% #475293	RGB 71 82 147	#475293
50.0%	50.0% #3C4785	RGB 60 71 133	#3C4785
66.7%	66.7% #313D76	RGB 49 61 118	#313D76
83.3%	83.3% #263268	RGB 38 50 104	#263268
100.0%	100.0% #1B285A	RGB 27 40 90	#1B285A

#5E67B0 #525CA1 #475293 #3C4785 #313D76 #263268 #1B285A

#5E67B0 - #1B285A

HSV Blend

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

0.0%	0.0% #5E67B0	RGB 94 103 176	#5E67B0
16.7%	16.7% #505AA1	RGB 80 90 161	#505AA1
33.3%	33.3% #434E93	RGB 67 78 147	#434E93
50.0%	50.0% #374385	RGB 55 67 133	#374385
66.7%	66.7% #2C3976	RGB 44 57 118	#2C3976
83.3%	83.3% #233068	RGB 35 48 104	#233068
100.0%	100.0% #1B285A	RGB 27 40 90	#1B285A

#5E67B0 #505AA1 #434E93 #374385 #2C3976 #233068 #1B285A

#5E67B0 - #374385 - #1B285A

CSS codes

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

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