#5A819C - #253A4C | 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 #5A819C to #253A4C

#5A819C #253A4C

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

#5A819C - #253A4C | 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 #5A819C as 0% and #253A4C as 100%.

0.0%	0.0% #5A819C	RGB 90 129 156	#5A819C
16.7%	16.7% #51758E	RGB 81 117 142	#51758E
33.3%	33.3% #486981	RGB 72 105 129	#486981
50.0%	50.0% #3F5D74	RGB 63 93 116	#3F5D74
66.7%	66.7% #365166	RGB 54 81 102	#365166
83.3%	83.3% #2D4559	RGB 45 69 89	#2D4559
100.0%	100.0% #253A4C	RGB 37 58 76	#253A4C

#5A819C #51758E #486981 #3F5D74 #365166 #2D4559 #253A4C

#5A819C - #253A4C

HSV Blend

#5A819C - #253A4C | 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 #5A819C as 0% and #253A4C as 100%.

0.0%	0.0% #5A819C	RGB 90 129 156	#5A819C
16.7%	16.7% #50748E	RGB 80 116 142	#50748E
33.3%	33.3% #466881	RGB 70 104 129	#466881
50.0%	50.0% #3D5C74	RGB 61 92 116	#3D5C74
66.7%	66.7% #355066	RGB 53 80 102	#355066
83.3%	83.3% #2C4559	RGB 44 69 89	#2C4559
100.0%	100.0% #253A4C	RGB 37 58 76	#253A4C

#5A819C #50748E #466881 #3D5C74 #355066 #2C4559 #253A4C

#5A819C - #3D5C74 - #253A4C

CSS codes

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

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