#0023EB - #5416FF | 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 #0023EB to #5416FF

#0023EB #5416FF

Calculate the color between two colors, #0023EB and #5416FF. 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)

#0023EB - #5416FF | 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 #0023EB as 0% and #5416FF as 100%.

0.0%	0.0% #0023EB	RGB 0 35 235	#0023EB
16.7%	16.7% #0E20EE	RGB 14 32 238	#0E20EE
33.3%	33.3% #1C1EF1	RGB 28 30 241	#1C1EF1
50.0%	50.0% #2A1CF5	RGB 42 28 245	#2A1CF5
66.7%	66.7% #381AF8	RGB 56 26 248	#381AF8
83.3%	83.3% #4618FB	RGB 70 24 251	#4618FB
100.0%	100.0% #5416FF	RGB 84 22 255	#5416FF

#0023EB #0E20EE #1C1EF1 #2A1CF5 #381AF8 #4618FB #5416FF

#0023EB - #5416FF

HSV Blend

#0023EB - #5416FF | 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 #0023EB as 0% and #5416FF as 100%.

0.0%	0.0% #0022EB	RGB 0 34 235	#0022EB
16.7%	16.7% #0316EE	RGB 3 22 238	#0316EE
33.3%	33.3% #0609F1	RGB 6 9 241	#0609F1
50.0%	50.0% #180AF5	RGB 24 10 245	#180AF5
66.7%	66.7% #2C0EF8	RGB 44 14 248	#2C0EF8
83.3%	83.3% #4012FB	RGB 64 18 251	#4012FB
100.0%	100.0% #5416FF	RGB 84 22 255	#5416FF

#0022EB #0316EE #0609F1 #180AF5 #2C0EF8 #4012FB #5416FF

#0023EB - #180AF5 - #5416FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0022EB 0%, #180AF5 50%, #5416FF 100%);
    background: -webkit-linear-gradient(top, #0022EB 0%, #180AF5 50%, #5416FF 100%);
    background: linear-gradient(to bottom, #0022EB 0%, #180AF5 50%, #5416FF 100%);
}
</style>