#5E64C8 - #1A1B39 | 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 #5E64C8 to #1A1B39

#5E64C8 #1A1B39

Calculate the color between two colors, #5E64C8 and #1A1B39. 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)

#5E64C8 - #1A1B39 | 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 #5E64C8 as 0% and #1A1B39 as 100%.

0.0%	0.0% #5E64C8	RGB 94 100 200	#5E64C8
16.7%	16.7% #5257B0	RGB 82 87 176	#5257B0
33.3%	33.3% #474B98	RGB 71 75 152	#474B98
50.0%	50.0% #3C3F80	RGB 60 63 128	#3C3F80
66.7%	66.7% #303368	RGB 48 51 104	#303368
83.3%	83.3% #252750	RGB 37 39 80	#252750
100.0%	100.0% #1A1B39	RGB 26 27 57	#1A1B39

#5E64C8 #5257B0 #474B98 #3C3F80 #303368 #252750 #1A1B39

#5E64C8 - #1A1B39

HSV Blend

#5E64C8 - #1A1B39 | 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 #5E64C8 as 0% and #1A1B39 as 100%.

0.0%	0.0% #5E64C8	RGB 94 100 200	#5E64C8
16.7%	16.7% #5257B0	RGB 82 87 176	#5257B0
33.3%	33.3% #464A98	RGB 70 74 152	#464A98
50.0%	50.0% #3B3E80	RGB 59 62 128	#3B3E80
66.7%	66.7% #303268	RGB 48 50 104	#303268
83.3%	83.3% #252650	RGB 37 38 80	#252650
100.0%	100.0% #1A1B39	RGB 26 27 57	#1A1B39

#5E64C8 #5257B0 #464A98 #3B3E80 #303268 #252650 #1A1B39

#5E64C8 - #3B3E80 - #1A1B39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E64C8 0%, #3B3E80 50%, #1A1B39 100%);
    background: -webkit-linear-gradient(top, #5E64C8 0%, #3B3E80 50%, #1A1B39 100%);
    background: linear-gradient(to bottom, #5E64C8 0%, #3B3E80 50%, #1A1B39 100%);
}
</style>