#5E5EDE - #16188C | 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 #5E5EDE to #16188C

#5E5EDE #16188C

Calculate the color between two colors, #5E5EDE and #16188C. 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)

#5E5EDE - #16188C | 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 #5E5EDE as 0% and #16188C as 100%.

0.0%	0.0% #5E5EDE	RGB 94 94 222	#5E5EDE
16.7%	16.7% #5252D0	RGB 82 82 208	#5252D0
33.3%	33.3% #4646C2	RGB 70 70 194	#4646C2
50.0%	50.0% #3A3BB5	RGB 58 59 181	#3A3BB5
66.7%	66.7% #2E2FA7	RGB 46 47 167	#2E2FA7
83.3%	83.3% #222399	RGB 34 35 153	#222399
100.0%	100.0% #16188C	RGB 22 24 140	#16188C

#5E5EDE #5252D0 #4646C2 #3A3BB5 #2E2FA7 #222399 #16188C

#5E5EDE - #16188C

HSV Blend

#5E5EDE - #16188C | 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 #5E5EDE as 0% and #16188C as 100%.

0.0%	0.0% #5E5EDE	RGB 94 94 222	#5E5EDE
16.7%	16.7% #4E4FD0	RGB 78 79 208	#4E4FD0
33.3%	33.3% #4141C2	RGB 65 65 194	#4141C2
50.0%	50.0% #3435B5	RGB 52 53 181	#3435B5
66.7%	66.7% #292AA7	RGB 41 42 167	#292AA7
83.3%	83.3% #1E2099	RGB 30 32 153	#1E2099
100.0%	100.0% #16188C	RGB 22 24 140	#16188C

#5E5EDE #4E4FD0 #4141C2 #3435B5 #292AA7 #1E2099 #16188C

#5E5EDE - #3435B5 - #16188C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EDE 0%, #3435B5 50%, #16188C 100%);
    background: -webkit-linear-gradient(top, #5E5EDE 0%, #3435B5 50%, #16188C 100%);
    background: linear-gradient(to bottom, #5E5EDE 0%, #3435B5 50%, #16188C 100%);
}
</style>