#5E79AE - #263561 | 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 #5E79AE to #263561

#5E79AE #263561

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

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

0.0%	0.0% #5E79AE	RGB 94 121 174	#5E79AE
16.7%	16.7% #546DA1	RGB 84 109 161	#546DA1
33.3%	33.3% #4B6294	RGB 75 98 148	#4B6294
50.0%	50.0% #425787	RGB 66 87 135	#425787
66.7%	66.7% #384B7A	RGB 56 75 122	#384B7A
83.3%	83.3% #2F406D	RGB 47 64 109	#2F406D
100.0%	100.0% #263561	RGB 38 53 97	#263561

#5E79AE #546DA1 #4B6294 #425787 #384B7A #2F406D #263561

#5E79AE - #263561

HSV Blend

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

0.0%	0.0% #5E79AE	RGB 94 121 174	#5E79AE
16.7%	16.7% #536CA1	RGB 83 108 161	#536CA1
33.3%	33.3% #486094	RGB 72 96 148	#486094
50.0%	50.0% #3F5487	RGB 63 84 135	#3F5487
66.7%	66.7% #36497A	RGB 54 73 122	#36497A
83.3%	83.3% #2D3E6D	RGB 45 62 109	#2D3E6D
100.0%	100.0% #263561	RGB 38 53 97	#263561

#5E79AE #536CA1 #486094 #3F5487 #36497A #2D3E6D #263561

#5E79AE - #3F5487 - #263561

CSS codes

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

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