#5E55EF - #30009C | 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 #5E55EF to #30009C

#5E55EF #30009C

Calculate the color between two colors, #5E55EF and #30009C. 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)

#5E55EF - #30009C | 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 #5E55EF as 0% and #30009C as 100%.

0.0%	0.0% #5E55EF	RGB 94 85 239	#5E55EF
16.7%	16.7% #5646E1	RGB 86 70 225	#5646E1
33.3%	33.3% #4E38D3	RGB 78 56 211	#4E38D3
50.0%	50.0% #472AC5	RGB 71 42 197	#472AC5
66.7%	66.7% #3F1CB7	RGB 63 28 183	#3F1CB7
83.3%	83.3% #370EA9	RGB 55 14 169	#370EA9
100.0%	100.0% #30009C	RGB 48 0 156	#30009C

#5E55EF #5646E1 #4E38D3 #472AC5 #3F1CB7 #370EA9 #30009C

#5E55EF - #30009C

HSV Blend

#5E55EF - #30009C | 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 #5E55EF as 0% and #30009C as 100%.

0.0%	0.0% #5D55EF	RGB 93 85 239	#5D55EF
16.7%	16.7% #5242E1	RGB 82 66 225	#5242E1
33.3%	33.3% #4832D3	RGB 72 50 211	#4832D3
50.0%	50.0% #4023C5	RGB 64 35 197	#4023C5
66.7%	66.7% #3A15B7	RGB 58 21 183	#3A15B7
83.3%	83.3% #340AA9	RGB 52 10 169	#340AA9
100.0%	100.0% #30009C	RGB 48 0 156	#30009C

#5D55EF #5242E1 #4832D3 #4023C5 #3A15B7 #340AA9 #30009C

#5E55EF - #4023C5 - #30009C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D55EF 0%, #4023C5 50%, #30009C 100%);
    background: -webkit-linear-gradient(top, #5D55EF 0%, #4023C5 50%, #30009C 100%);
    background: linear-gradient(to bottom, #5D55EF 0%, #4023C5 50%, #30009C 100%);
}
</style>