#5E65C5 - #19236F | 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 #5E65C5 to #19236F

#5E65C5 #19236F

Calculate the color between two colors, #5E65C5 and #19236F. 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)

#5E65C5 - #19236F | 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 #5E65C5 as 0% and #19236F as 100%.

0.0%	0.0% #5E65C5	RGB 94 101 197	#5E65C5
16.7%	16.7% #525AB6	RGB 82 90 182	#525AB6
33.3%	33.3% #474FA8	RGB 71 79 168	#474FA8
50.0%	50.0% #3B449A	RGB 59 68 154	#3B449A
66.7%	66.7% #30398B	RGB 48 57 139	#30398B
83.3%	83.3% #242E7D	RGB 36 46 125	#242E7D
100.0%	100.0% #19236F	RGB 25 35 111	#19236F

#5E65C5 #525AB6 #474FA8 #3B449A #30398B #242E7D #19236F

#5E65C5 - #19236F

HSV Blend

#5E65C5 - #19236F | 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 #5E65C5 as 0% and #19236F as 100%.

0.0%	0.0% #5E65C5	RGB 94 101 197	#5E65C5
16.7%	16.7% #4F57B6	RGB 79 87 182	#4F57B6
33.3%	33.3% #424AA8	RGB 66 74 168	#424AA8
50.0%	50.0% #363F9A	RGB 54 63 154	#363F9A
66.7%	66.7% #2B348B	RGB 43 52 139	#2B348B
83.3%	83.3% #212B7D	RGB 33 43 125	#212B7D
100.0%	100.0% #19236F	RGB 25 35 111	#19236F

#5E65C5 #4F57B6 #424AA8 #363F9A #2B348B #212B7D #19236F

#5E65C5 - #363F9A - #19236F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65C5 0%, #363F9A 50%, #19236F 100%);
    background: -webkit-linear-gradient(top, #5E65C5 0%, #363F9A 50%, #19236F 100%);
    background: linear-gradient(to bottom, #5E65C5 0%, #363F9A 50%, #19236F 100%);
}
</style>