#5E59FF - #2F00B4 | 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 #5E59FF to #2F00B4

#5E59FF #2F00B4

Calculate the color between two colors, #5E59FF and #2F00B4. 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)

#5E59FF - #2F00B4 | 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 #5E59FF as 0% and #2F00B4 as 100%.

0.0%	0.0% #5E59FF	RGB 94 89 255	#5E59FF
16.7%	16.7% #564AF2	RGB 86 74 242	#564AF2
33.3%	33.3% #4E3BE6	RGB 78 59 230	#4E3BE6
50.0%	50.0% #462CD9	RGB 70 44 217	#462CD9
66.7%	66.7% #3E1DCD	RGB 62 29 205	#3E1DCD
83.3%	83.3% #360EC0	RGB 54 14 192	#360EC0
100.0%	100.0% #2F00B4	RGB 47 0 180	#2F00B4

#5E59FF #564AF2 #4E3BE6 #462CD9 #3E1DCD #360EC0 #2F00B4

#5E59FF - #2F00B4

HSV Blend

#5E59FF - #2F00B4 | 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 #5E59FF as 0% and #2F00B4 as 100%.

0.0%	0.0% #5E59FF	RGB 94 89 255	#5E59FF
16.7%	16.7% #5246F2	RGB 82 70 242	#5246F2
33.3%	33.3% #4835E6	RGB 72 53 230	#4835E6
50.0%	50.0% #4025D9	RGB 64 37 217	#4025D9
66.7%	66.7% #3917CD	RGB 57 23 205	#3917CD
83.3%	83.3% #330BC0	RGB 51 11 192	#330BC0
100.0%	100.0% #2F00B4	RGB 47 0 180	#2F00B4

#5E59FF #5246F2 #4835E6 #4025D9 #3917CD #330BC0 #2F00B4

#5E59FF - #4025D9 - #2F00B4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E59FF 0%, #4025D9 50%, #2F00B4 100%);
    background: -webkit-linear-gradient(top, #5E59FF 0%, #4025D9 50%, #2F00B4 100%);
    background: linear-gradient(to bottom, #5E59FF 0%, #4025D9 50%, #2F00B4 100%);
}
</style>