#5E97AA - #1A2A30 | 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 #5E97AA to #1A2A30

#5E97AA #1A2A30

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

#5E97AA - #1A2A30 | 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 #5E97AA as 0% and #1A2A30 as 100%.

0.0%	0.0% #5E97AA	RGB 94 151 170	#5E97AA
16.7%	16.7% #528495	RGB 82 132 149	#528495
33.3%	33.3% #477281	RGB 71 114 129	#477281
50.0%	50.0% #3C606D	RGB 60 96 109	#3C606D
66.7%	66.7% #304E58	RGB 48 78 88	#304E58
83.3%	83.3% #253C44	RGB 37 60 68	#253C44
100.0%	100.0% #1A2A30	RGB 26 42 48	#1A2A30

#5E97AA #528495 #477281 #3C606D #304E58 #253C44 #1A2A30

#5E97AA - #1A2A30

HSV Blend

#5E97AA - #1A2A30 | 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 #5E97AA as 0% and #1A2A30 as 100%.

0.0%	0.0% #5E96AA	RGB 94 150 170	#5E96AA
16.7%	16.7% #528495	RGB 82 132 149	#528495
33.3%	33.3% #477281	RGB 71 114 129	#477281
50.0%	50.0% #3B606D	RGB 59 96 109	#3B606D
66.7%	66.7% #304D58	RGB 48 77 88	#304D58
83.3%	83.3% #253B44	RGB 37 59 68	#253B44
100.0%	100.0% #1A2A30	RGB 26 42 48	#1A2A30

#5E96AA #528495 #477281 #3B606D #304D58 #253B44 #1A2A30

#5E97AA - #3B606D - #1A2A30

CSS codes

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

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