#5E73B1 - #1E305D | 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 #5E73B1 to #1E305D

#5E73B1 #1E305D

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

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

0.0%	0.0% #5E73B1	RGB 94 115 177	#5E73B1
16.7%	16.7% #5367A3	RGB 83 103 163	#5367A3
33.3%	33.3% #485C95	RGB 72 92 149	#485C95
50.0%	50.0% #3E5187	RGB 62 81 135	#3E5187
66.7%	66.7% #334679	RGB 51 70 121	#334679
83.3%	83.3% #283B6B	RGB 40 59 107	#283B6B
100.0%	100.0% #1E305D	RGB 30 48 93	#1E305D

#5E73B1 #5367A3 #485C95 #3E5187 #334679 #283B6B #1E305D

#5E73B1 - #1E305D

HSV Blend

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

0.0%	0.0% #5E72B1	RGB 94 114 177	#5E72B1
16.7%	16.7% #5066A3	RGB 80 102 163	#5066A3
33.3%	33.3% #445995	RGB 68 89 149	#445995
50.0%	50.0% #394E87	RGB 57 78 135	#394E87
66.7%	66.7% #2F4379	RGB 47 67 121	#2F4379
83.3%	83.3% #26396B	RGB 38 57 107	#26396B
100.0%	100.0% #1E305D	RGB 30 48 93	#1E305D

#5E72B1 #5066A3 #445995 #394E87 #2F4379 #26396B #1E305D

#5E73B1 - #394E87 - #1E305D

CSS codes

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

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