#5E75A1 - #19364B | 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 #5E75A1 to #19364B

#5E75A1 #19364B

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

#5E75A1 - #19364B | 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 #5E75A1 as 0% and #19364B as 100%.

0.0%	0.0% #5E75A1	RGB 94 117 161	#5E75A1
16.7%	16.7% #526A92	RGB 82 106 146	#526A92
33.3%	33.3% #476084	RGB 71 96 132	#476084
50.0%	50.0% #3B5576	RGB 59 85 118	#3B5576
66.7%	66.7% #304B67	RGB 48 75 103	#304B67
83.3%	83.3% #244059	RGB 36 64 89	#244059
100.0%	100.0% #19364B	RGB 25 54 75	#19364B

#5E75A1 #526A92 #476084 #3B5576 #304B67 #244059 #19364B

#5E75A1 - #19364B

HSV Blend

#5E75A1 - #19364B | 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 #5E75A1 as 0% and #19364B as 100%.

0.0%	0.0% #5E75A1	RGB 94 117 161	#5E75A1
16.7%	16.7% #4F6992	RGB 79 105 146	#4F6992
33.3%	33.3% #425E84	RGB 66 94 132	#425E84
50.0%	50.0% #365376	RGB 54 83 118	#365376
66.7%	66.7% #2B4967	RGB 43 73 103	#2B4967
83.3%	83.3% #213F59	RGB 33 63 89	#213F59
100.0%	100.0% #19364B	RGB 25 54 75	#19364B

#5E75A1 #4F6992 #425E84 #365376 #2B4967 #213F59 #19364B

#5E75A1 - #365376 - #19364B

CSS codes

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

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