#5E93BA - #254974 | 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 #5E93BA to #254974

#5E93BA #254974

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

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

0.0%	0.0% #5E93BA	RGB 94 147 186	#5E93BA
16.7%	16.7% #5486AE	RGB 84 134 174	#5486AE
33.3%	33.3% #4B7AA2	RGB 75 122 162	#4B7AA2
50.0%	50.0% #416E97	RGB 65 110 151	#416E97
66.7%	66.7% #38618B	RGB 56 97 139	#38618B
83.3%	83.3% #2E557F	RGB 46 85 127	#2E557F
100.0%	100.0% #254974	RGB 37 73 116	#254974

#5E93BA #5486AE #4B7AA2 #416E97 #38618B #2E557F #254974

#5E93BA - #254974

HSV Blend

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

0.0%	0.0% #5E92BA	RGB 94 146 186	#5E92BA
16.7%	16.7% #5285AE	RGB 82 133 174	#5285AE
33.3%	33.3% #4878A2	RGB 72 120 162	#4878A2
50.0%	50.0% #3E6C97	RGB 62 108 151	#3E6C97
66.7%	66.7% #355F8B	RGB 53 95 139	#355F8B
83.3%	83.3% #2C547F	RGB 44 84 127	#2C547F
100.0%	100.0% #254974	RGB 37 73 116	#254974

#5E92BA #5285AE #4878A2 #3E6C97 #355F8B #2C547F #254974

#5E93BA - #3E6C97 - #254974

CSS codes

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

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