#5280AE - #172431 | 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 #5280AE to #172431

#5280AE #172431

Calculate the color between two colors, #5280AE and #172431. 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)

#5280AE - #172431 | 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 #5280AE as 0% and #172431 as 100%.

0.0%	0.0% #5280AE	RGB 82 128 174	#5280AE
16.7%	16.7% #487099	RGB 72 112 153	#487099
33.3%	33.3% #3E6184	RGB 62 97 132	#3E6184
50.0%	50.0% #34526F	RGB 52 82 111	#34526F
66.7%	66.7% #2A425A	RGB 42 66 90	#2A425A
83.3%	83.3% #203345	RGB 32 51 69	#203345
100.0%	100.0% #172431	RGB 23 36 49	#172431

#5280AE #487099 #3E6184 #34526F #2A425A #203345 #172431

#5280AE - #172431

HSV Blend

#5280AE - #172431 | 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 #5280AE as 0% and #172431 as 100%.

0.0%	0.0% #5280AE	RGB 82 128 174	#5280AE
16.7%	16.7% #487099	RGB 72 112 153	#487099
33.3%	33.3% #3E6184	RGB 62 97 132	#3E6184
50.0%	50.0% #34516F	RGB 52 81 111	#34516F
66.7%	66.7% #2A425A	RGB 42 66 90	#2A425A
83.3%	83.3% #203345	RGB 32 51 69	#203345
100.0%	100.0% #172431	RGB 23 36 49	#172431

#5280AE #487099 #3E6184 #34516F #2A425A #203345 #172431

#5280AE - #34516F - #172431

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5280AE 0%, #34516F 50%, #172431 100%);
    background: -webkit-linear-gradient(top, #5280AE 0%, #34516F 50%, #172431 100%);
    background: linear-gradient(to bottom, #5280AE 0%, #34516F 50%, #172431 100%);
}
</style>