#5E658B - #142762 | 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 #5E658B to #142762

#5E658B #142762

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

#5E658B - #142762 | 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 #5E658B as 0% and #142762 as 100%.

0.0%	0.0% #5E658B	RGB 94 101 139	#5E658B
16.7%	16.7% #515A84	RGB 81 90 132	#515A84
33.3%	33.3% #45507D	RGB 69 80 125	#45507D
50.0%	50.0% #394676	RGB 57 70 118	#394676
66.7%	66.7% #2C3B6F	RGB 44 59 111	#2C3B6F
83.3%	83.3% #203168	RGB 32 49 104	#203168
100.0%	100.0% #142762	RGB 20 39 98	#142762

#5E658B #515A84 #45507D #394676 #2C3B6F #203168 #142762

#5E658B - #142762

HSV Blend

#5E658B - #142762 | 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 #5E658B as 0% and #142762 as 100%.

0.0%	0.0% #5E658B	RGB 94 101 139	#5E658B
16.7%	16.7% #4E5884	RGB 78 88 132	#4E5884
33.3%	33.3% #414C7D	RGB 65 76 125	#414C7D
50.0%	50.0% #344176	RGB 52 65 118	#344176
66.7%	66.7% #28376F	RGB 40 55 111	#28376F
83.3%	83.3% #1D2E68	RGB 29 46 104	#1D2E68
100.0%	100.0% #142762	RGB 20 39 98	#142762

#5E658B #4E5884 #414C7D #344176 #28376F #1D2E68 #142762

#5E658B - #344176 - #142762

CSS codes

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

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