#1B5072 - #5E71CD | 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 #1B5072 to #5E71CD

#1B5072 #5E71CD

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

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

0.0%	0.0% #1B5072	RGB 27 80 114	#1B5072
16.7%	16.7% #265581	RGB 38 85 129	#265581
33.3%	33.3% #315B90	RGB 49 91 144	#315B90
50.0%	50.0% #3C609F	RGB 60 96 159	#3C609F
66.7%	66.7% #4766AE	RGB 71 102 174	#4766AE
83.3%	83.3% #526BBD	RGB 82 107 189	#526BBD
100.0%	100.0% #5E71CD	RGB 94 113 205	#5E71CD

#1B5072 #265581 #315B90 #3C609F #4766AE #526BBD #5E71CD

#1B5072 - #5E71CD

HSV Blend

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

0.0%	0.0% #1B5072	RGB 27 80 114	#1B5072
16.7%	16.7% #235581	RGB 35 85 129	#235581
33.3%	33.3% #2C5A90	RGB 44 90 144	#2C5A90
50.0%	50.0% #37609F	RGB 55 96 159	#37609F
66.7%	66.7% #4365AE	RGB 67 101 174	#4365AE
83.3%	83.3% #506ABD	RGB 80 106 189	#506ABD
100.0%	100.0% #5E71CD	RGB 94 113 205	#5E71CD

#1B5072 #235581 #2C5A90 #37609F #4365AE #506ABD #5E71CD

#1B5072 - #37609F - #5E71CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5072 0%, #37609F 50%, #5E71CD 100%);
    background: -webkit-linear-gradient(top, #1B5072 0%, #37609F 50%, #5E71CD 100%);
    background: linear-gradient(to bottom, #1B5072 0%, #37609F 50%, #5E71CD 100%);
}
</style>