#5E74E5 - #18269B | 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 #5E74E5 to #18269B

#5E74E5 #18269B

Calculate the color between two colors, #5E74E5 and #18269B. 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)

#5E74E5 - #18269B | 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 #5E74E5 as 0% and #18269B as 100%.

0.0%	0.0% #5E74E5	RGB 94 116 229	#5E74E5
16.7%	16.7% #5267D8	RGB 82 103 216	#5267D8
33.3%	33.3% #465ACC	RGB 70 90 204	#465ACC
50.0%	50.0% #3B4DC0	RGB 59 77 192	#3B4DC0
66.7%	66.7% #2F40B3	RGB 47 64 179	#2F40B3
83.3%	83.3% #2333A7	RGB 35 51 167	#2333A7
100.0%	100.0% #18269B	RGB 24 38 155	#18269B

#5E74E5 #5267D8 #465ACC #3B4DC0 #2F40B3 #2333A7 #18269B

#5E74E5 - #18269B

HSV Blend

#5E74E5 - #18269B | 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 #5E74E5 as 0% and #18269B as 100%.

0.0%	0.0% #5E74E5	RGB 94 116 229	#5E74E5
16.7%	16.7% #4F64D8	RGB 79 100 216	#4F64D8
33.3%	33.3% #4256CC	RGB 66 86 204	#4256CC
50.0%	50.0% #3648C0	RGB 54 72 192	#3648C0
66.7%	66.7% #2B3CB3	RGB 43 60 179	#2B3CB3
83.3%	83.3% #2130A7	RGB 33 48 167	#2130A7
100.0%	100.0% #18269B	RGB 24 38 155	#18269B

#5E74E5 #4F64D8 #4256CC #3648C0 #2B3CB3 #2130A7 #18269B

#5E74E5 - #3648C0 - #18269B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E74E5 0%, #3648C0 50%, #18269B 100%);
    background: -webkit-linear-gradient(top, #5E74E5 0%, #3648C0 50%, #18269B 100%);
    background: linear-gradient(to bottom, #5E74E5 0%, #3648C0 50%, #18269B 100%);
}
</style>