#5E75AE - #1F315B | 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 #5E75AE to #1F315B

#5E75AE #1F315B

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

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

0.0%	0.0% #5E75AE	RGB 94 117 174	#5E75AE
16.7%	16.7% #5369A0	RGB 83 105 160	#5369A0
33.3%	33.3% #495E92	RGB 73 94 146	#495E92
50.0%	50.0% #3E5384	RGB 62 83 132	#3E5384
66.7%	66.7% #344776	RGB 52 71 118	#344776
83.3%	83.3% #293C68	RGB 41 60 104	#293C68
100.0%	100.0% #1F315B	RGB 31 49 91	#1F315B

#5E75AE #5369A0 #495E92 #3E5384 #344776 #293C68 #1F315B

#5E75AE - #1F315B

HSV Blend

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

0.0%	0.0% #5E75AE	RGB 94 117 174	#5E75AE
16.7%	16.7% #5168A0	RGB 81 104 160	#5168A0
33.3%	33.3% #455B92	RGB 69 91 146	#455B92
50.0%	50.0% #3A5084	RGB 58 80 132	#3A5084
66.7%	66.7% #304576	RGB 48 69 118	#304576
83.3%	83.3% #273A68	RGB 39 58 104	#273A68
100.0%	100.0% #1F315B	RGB 31 49 91	#1F315B

#5E75AE #5168A0 #455B92 #3A5084 #304576 #273A68 #1F315B

#5E75AE - #3A5084 - #1F315B

CSS codes

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

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