#5E77BA - #253174 | 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 #5E77BA to #253174

#5E77BA #253174

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

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

0.0%	0.0% #5E77BA	RGB 94 119 186	#5E77BA
16.7%	16.7% #546BAE	RGB 84 107 174	#546BAE
33.3%	33.3% #4B5FA2	RGB 75 95 162	#4B5FA2
50.0%	50.0% #415497	RGB 65 84 151	#415497
66.7%	66.7% #38488B	RGB 56 72 139	#38488B
83.3%	83.3% #2E3C7F	RGB 46 60 127	#2E3C7F
100.0%	100.0% #253174	RGB 37 49 116	#253174

#5E77BA #546BAE #4B5FA2 #415497 #38488B #2E3C7F #253174

#5E77BA - #253174

HSV Blend

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

0.0%	0.0% #5E77BA	RGB 94 119 186	#5E77BA
16.7%	16.7% #5269AE	RGB 82 105 174	#5269AE
33.3%	33.3% #485DA2	RGB 72 93 162	#485DA2
50.0%	50.0% #3E5197	RGB 62 81 151	#3E5197
66.7%	66.7% #35458B	RGB 53 69 139	#35458B
83.3%	83.3% #2C3A7F	RGB 44 58 127	#2C3A7F
100.0%	100.0% #253174	RGB 37 49 116	#253174

#5E77BA #5269AE #485DA2 #3E5197 #35458B #2C3A7F #253174

#5E77BA - #3E5197 - #253174

CSS codes

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

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