#5E72D6 - #1A2887 | 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 #5E72D6 to #1A2887

#5E72D6 #1A2887

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

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

0.0%	0.0% #5E72D6	RGB 94 114 214	#5E72D6
16.7%	16.7% #5265C8	RGB 82 101 200	#5265C8
33.3%	33.3% #4759BB	RGB 71 89 187	#4759BB
50.0%	50.0% #3C4DAE	RGB 60 77 174	#3C4DAE
66.7%	66.7% #3040A1	RGB 48 64 161	#3040A1
83.3%	83.3% #253494	RGB 37 52 148	#253494
100.0%	100.0% #1A2887	RGB 26 40 135	#1A2887

#5E72D6 #5265C8 #4759BB #3C4DAE #3040A1 #253494 #1A2887

#5E72D6 - #1A2887

HSV Blend

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

0.0%	0.0% #5E72D6	RGB 94 114 214	#5E72D6
16.7%	16.7% #4F63C8	RGB 79 99 200	#4F63C8
33.3%	33.3% #4355BB	RGB 67 85 187	#4355BB
50.0%	50.0% #3748AE	RGB 55 72 174	#3748AE
66.7%	66.7% #2C3CA1	RGB 44 60 161	#2C3CA1
83.3%	83.3% #223194	RGB 34 49 148	#223194
100.0%	100.0% #1A2887	RGB 26 40 135	#1A2887

#5E72D6 #4F63C8 #4355BB #3748AE #2C3CA1 #223194 #1A2887

#5E72D6 - #3748AE - #1A2887

CSS codes

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

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