#5E67DB - #17268D | 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 #5E67DB to #17268D

#5E67DB #17268D

Calculate the color between two colors, #5E67DB and #17268D. 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)

#5E67DB - #17268D | 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 #5E67DB as 0% and #17268D as 100%.

0.0%	0.0% #5E67DB	RGB 94 103 219	#5E67DB
16.7%	16.7% #525CCE	RGB 82 92 206	#525CCE
33.3%	33.3% #4651C1	RGB 70 81 193	#4651C1
50.0%	50.0% #3A46B4	RGB 58 70 180	#3A46B4
66.7%	66.7% #2E3BA7	RGB 46 59 167	#2E3BA7
83.3%	83.3% #22309A	RGB 34 48 154	#22309A
100.0%	100.0% #17268D	RGB 23 38 141	#17268D

#5E67DB #525CCE #4651C1 #3A46B4 #2E3BA7 #22309A #17268D

#5E67DB - #17268D

HSV Blend

#5E67DB - #17268D | 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 #5E67DB as 0% and #17268D as 100%.

0.0%	0.0% #5E67DB	RGB 94 103 219	#5E67DB
16.7%	16.7% #4F59CE	RGB 79 89 206	#4F59CE
33.3%	33.3% #414DC1	RGB 65 77 193	#414DC1
50.0%	50.0% #3541B4	RGB 53 65 180	#3541B4
66.7%	66.7% #2A37A7	RGB 42 55 167	#2A37A7
83.3%	83.3% #1F2E9A	RGB 31 46 154	#1F2E9A
100.0%	100.0% #17268D	RGB 23 38 141	#17268D

#5E67DB #4F59CE #414DC1 #3541B4 #2A37A7 #1F2E9A #17268D

#5E67DB - #3541B4 - #17268D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E67DB 0%, #3541B4 50%, #17268D 100%);
    background: -webkit-linear-gradient(top, #5E67DB 0%, #3541B4 50%, #17268D 100%);
    background: linear-gradient(to bottom, #5E67DB 0%, #3541B4 50%, #17268D 100%);
}
</style>