#5A849C - #263C4D | 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 #5A849C to #263C4D

#5A849C #263C4D

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

#5A849C - #263C4D | 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 #5A849C as 0% and #263C4D as 100%.

0.0%	0.0% #5A849C	RGB 90 132 156	#5A849C
16.7%	16.7% #51788E	RGB 81 120 142	#51788E
33.3%	33.3% #486C81	RGB 72 108 129	#486C81
50.0%	50.0% #406074	RGB 64 96 116	#406074
66.7%	66.7% #375467	RGB 55 84 103	#375467
83.3%	83.3% #2E485A	RGB 46 72 90	#2E485A
100.0%	100.0% #263C4D	RGB 38 60 77	#263C4D

#5A849C #51788E #486C81 #406074 #375467 #2E485A #263C4D

#5A849C - #263C4D

HSV Blend

#5A849C - #263C4D | 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 #5A849C as 0% and #263C4D as 100%.

0.0%	0.0% #5A849C	RGB 90 132 156	#5A849C
16.7%	16.7% #50778E	RGB 80 119 142	#50778E
33.3%	33.3% #476A81	RGB 71 106 129	#476A81
50.0%	50.0% #3E5E74	RGB 62 94 116	#3E5E74
66.7%	66.7% #355267	RGB 53 82 103	#355267
83.3%	83.3% #2D475A	RGB 45 71 90	#2D475A
100.0%	100.0% #263C4D	RGB 38 60 77	#263C4D

#5A849C #50778E #476A81 #3E5E74 #355267 #2D475A #263C4D

#5A849C - #3E5E74 - #263C4D

CSS codes

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

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