#5E5DFF - #1926E8 | 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 #5E5DFF to #1926E8

#5E5DFF #1926E8

Calculate the color between two colors, #5E5DFF and #1926E8. 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)

#5E5DFF - #1926E8 | 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 #5E5DFF as 0% and #1926E8 as 100%.

0.0%	0.0% #5E5DFF	RGB 94 93 255	#5E5DFF
16.7%	16.7% #5253FB	RGB 82 83 251	#5253FB
33.3%	33.3% #474AF7	RGB 71 74 247	#474AF7
50.0%	50.0% #3B41F3	RGB 59 65 243	#3B41F3
66.7%	66.7% #3038EF	RGB 48 56 239	#3038EF
83.3%	83.3% #242FEB	RGB 36 47 235	#242FEB
100.0%	100.0% #1926E8	RGB 25 38 232	#1926E8

#5E5DFF #5253FB #474AF7 #3B41F3 #3038EF #242FEB #1926E8

#5E5DFF - #1926E8

HSV Blend

#5E5DFF - #1926E8 | 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 #5E5DFF as 0% and #1926E8 as 100%.

0.0%	0.0% #5E5DFF	RGB 94 93 255	#5E5DFF
16.7%	16.7% #5051FB	RGB 80 81 251	#5051FB
33.3%	33.3% #4548F7	RGB 69 72 247	#4548F7
50.0%	50.0% #393EF3	RGB 57 62 243	#393EF3
66.7%	66.7% #2E36EF	RGB 46 54 239	#2E36EF
83.3%	83.3% #232DEB	RGB 35 45 235	#232DEB
100.0%	100.0% #1926E8	RGB 25 38 232	#1926E8

#5E5DFF #5051FB #4548F7 #393EF3 #2E36EF #232DEB #1926E8

#5E5DFF - #393EF3 - #1926E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5DFF 0%, #393EF3 50%, #1926E8 100%);
    background: -webkit-linear-gradient(top, #5E5DFF 0%, #393EF3 50%, #1926E8 100%);
    background: linear-gradient(to bottom, #5E5DFF 0%, #393EF3 50%, #1926E8 100%);
}
</style>