#5E75FF - #1A2148 | 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 #5E75FF to #1A2148

#5E75FF #1A2148

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

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

0.0%	0.0% #5E75FF	RGB 94 117 255	#5E75FF
16.7%	16.7% #5267E0	RGB 82 103 224	#5267E0
33.3%	33.3% #4759C2	RGB 71 89 194	#4759C2
50.0%	50.0% #3C4BA3	RGB 60 75 163	#3C4BA3
66.7%	66.7% #303D84	RGB 48 61 132	#303D84
83.3%	83.3% #252F66	RGB 37 47 102	#252F66
100.0%	100.0% #1A2148	RGB 26 33 72	#1A2148

#5E75FF #5267E0 #4759C2 #3C4BA3 #303D84 #252F66 #1A2148

#5E75FF - #1A2148

HSV Blend

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

0.0%	0.0% #5D75FF	RGB 93 117 255	#5D75FF
16.7%	16.7% #5266E0	RGB 82 102 224	#5266E0
33.3%	33.3% #4758C2	RGB 71 88 194	#4758C2
50.0%	50.0% #3B4AA3	RGB 59 74 163	#3B4AA3
66.7%	66.7% #303C84	RGB 48 60 132	#303C84
83.3%	83.3% #252E66	RGB 37 46 102	#252E66
100.0%	100.0% #1A2148	RGB 26 33 72	#1A2148

#5D75FF #5266E0 #4758C2 #3B4AA3 #303C84 #252E66 #1A2148

#5E75FF - #3B4AA3 - #1A2148

CSS codes

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

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