#1B5B72 - #5E7ECD | 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 #1B5B72 to #5E7ECD

#1B5B72 #5E7ECD

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

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

0.0%	0.0% #1B5B72	RGB 27 91 114	#1B5B72
16.7%	16.7% #266081	RGB 38 96 129	#266081
33.3%	33.3% #316690	RGB 49 102 144	#316690
50.0%	50.0% #3C6C9F	RGB 60 108 159	#3C6C9F
66.7%	66.7% #4772AE	RGB 71 114 174	#4772AE
83.3%	83.3% #5278BD	RGB 82 120 189	#5278BD
100.0%	100.0% #5E7ECD	RGB 94 126 205	#5E7ECD

#1B5B72 #266081 #316690 #3C6C9F #4772AE #5278BD #5E7ECD

#1B5B72 - #5E7ECD

HSV Blend

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

0.0%	0.0% #1B5B72	RGB 27 91 114	#1B5B72
16.7%	16.7% #236181	RGB 35 97 129	#236181
33.3%	33.3% #2C6790	RGB 44 103 144	#2C6790
50.0%	50.0% #376C9F	RGB 55 108 159	#376C9F
66.7%	66.7% #4372AE	RGB 67 114 174	#4372AE
83.3%	83.3% #5077BD	RGB 80 119 189	#5077BD
100.0%	100.0% #5E7ECD	RGB 94 126 205	#5E7ECD

#1B5B72 #236181 #2C6790 #376C9F #4372AE #5077BD #5E7ECD

#1B5B72 - #376C9F - #5E7ECD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5B72 0%, #376C9F 50%, #5E7ECD 100%);
    background: -webkit-linear-gradient(top, #1B5B72 0%, #376C9F 50%, #5E7ECD 100%);
    background: linear-gradient(to bottom, #1B5B72 0%, #376C9F 50%, #5E7ECD 100%);
}
</style>