#5E83C5 - #1F3976 | 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 #5E83C5 to #1F3976

#5E83C5 #1F3976

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

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

0.0%	0.0% #5E83C5	RGB 94 131 197	#5E83C5
16.7%	16.7% #5376B7	RGB 83 118 183	#5376B7
33.3%	33.3% #496AAA	RGB 73 106 170	#496AAA
50.0%	50.0% #3E5E9D	RGB 62 94 157	#3E5E9D
66.7%	66.7% #345190	RGB 52 81 144	#345190
83.3%	83.3% #294583	RGB 41 69 131	#294583
100.0%	100.0% #1F3976	RGB 31 57 118	#1F3976

#5E83C5 #5376B7 #496AAA #3E5E9D #345190 #294583 #1F3976

#5E83C5 - #1F3976

HSV Blend

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

0.0%	0.0% #5E82C5	RGB 94 130 197	#5E82C5
16.7%	16.7% #5175B7	RGB 81 117 183	#5175B7
33.3%	33.3% #4567AA	RGB 69 103 170	#4567AA
50.0%	50.0% #3A5A9D	RGB 58 90 157	#3A5A9D
66.7%	66.7% #304E90	RGB 48 78 144	#304E90
83.3%	83.3% #274383	RGB 39 67 131	#274383
100.0%	100.0% #1F3976	RGB 31 57 118	#1F3976

#5E82C5 #5175B7 #4567AA #3A5A9D #304E90 #274383 #1F3976

#5E83C5 - #3A5A9D - #1F3976

CSS codes

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

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