#5E68DB - #18208A | 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 #5E68DB to #18208A

#5E68DB #18208A

Calculate the color between two colors, #5E68DB and #18208A. 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)

#5E68DB - #18208A | 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 #5E68DB as 0% and #18208A as 100%.

0.0%	0.0% #5E68DB	RGB 94 104 219	#5E68DB
16.7%	16.7% #525CCD	RGB 82 92 205	#525CCD
33.3%	33.3% #4650C0	RGB 70 80 192	#4650C0
50.0%	50.0% #3B44B2	RGB 59 68 178	#3B44B2
66.7%	66.7% #2F38A5	RGB 47 56 165	#2F38A5
83.3%	83.3% #232C97	RGB 35 44 151	#232C97
100.0%	100.0% #18208A	RGB 24 32 138	#18208A

#5E68DB #525CCD #4650C0 #3B44B2 #2F38A5 #232C97 #18208A

#5E68DB - #18208A

HSV Blend

#5E68DB - #18208A | 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 #5E68DB as 0% and #18208A as 100%.

0.0%	0.0% #5E68DB	RGB 94 104 219	#5E68DB
16.7%	16.7% #4F59CD	RGB 79 89 205	#4F59CD
33.3%	33.3% #424BC0	RGB 66 75 192	#424BC0
50.0%	50.0% #353FB2	RGB 53 63 178	#353FB2
66.7%	66.7% #2A33A5	RGB 42 51 165	#2A33A5
83.3%	83.3% #202997	RGB 32 41 151	#202997
100.0%	100.0% #18208A	RGB 24 32 138	#18208A

#5E68DB #4F59CD #424BC0 #353FB2 #2A33A5 #202997 #18208A

#5E68DB - #353FB2 - #18208A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E68DB 0%, #353FB2 50%, #18208A 100%);
    background: -webkit-linear-gradient(top, #5E68DB 0%, #353FB2 50%, #18208A 100%);
    background: linear-gradient(to bottom, #5E68DB 0%, #353FB2 50%, #18208A 100%);
}
</style>