#5E6EBF - #1C2B94 | 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 #5E6EBF to #1C2B94

#5E6EBF #1C2B94

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

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

0.0%	0.0% #5E6EBF	RGB 94 110 191	#5E6EBF
16.7%	16.7% #5362B7	RGB 83 98 183	#5362B7
33.3%	33.3% #4857B0	RGB 72 87 176	#4857B0
50.0%	50.0% #3D4CA9	RGB 61 76 169	#3D4CA9
66.7%	66.7% #3241A2	RGB 50 65 162	#3241A2
83.3%	83.3% #27369B	RGB 39 54 155	#27369B
100.0%	100.0% #1C2B94	RGB 28 43 148	#1C2B94

#5E6EBF #5362B7 #4857B0 #3D4CA9 #3241A2 #27369B #1C2B94

#5E6EBF - #1C2B94

HSV Blend

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

0.0%	0.0% #5E6EBF	RGB 94 110 191	#5E6EBF
16.7%	16.7% #5161B7	RGB 81 97 183	#5161B7
33.3%	33.3% #4555B0	RGB 69 85 176	#4555B0
50.0%	50.0% #3949A9	RGB 57 73 169	#3949A9
66.7%	66.7% #2F3FA2	RGB 47 63 162	#2F3FA2
83.3%	83.3% #25349B	RGB 37 52 155	#25349B
100.0%	100.0% #1C2B94	RGB 28 43 148	#1C2B94

#5E6EBF #5161B7 #4555B0 #3949A9 #2F3FA2 #25349B #1C2B94

#5E6EBF - #3949A9 - #1C2B94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6EBF 0%, #3949A9 50%, #1C2B94 100%);
    background: -webkit-linear-gradient(top, #5E6EBF 0%, #3949A9 50%, #1C2B94 100%);
    background: linear-gradient(to bottom, #5E6EBF 0%, #3949A9 50%, #1C2B94 100%);
}
</style>