#5E8CFF - #1535C7 | 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 #5E8CFF to #1535C7

#5E8CFF #1535C7

Calculate the color between two colors, #5E8CFF and #1535C7. 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)

#5E8CFF - #1535C7 | 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 #5E8CFF as 0% and #1535C7 as 100%.

0.0%	0.0% #5E8CFF	RGB 94 140 255	#5E8CFF
16.7%	16.7% #517DF5	RGB 81 125 245	#517DF5
33.3%	33.3% #456FEC	RGB 69 111 236	#456FEC
50.0%	50.0% #3960E3	RGB 57 96 227	#3960E3
66.7%	66.7% #2D52D9	RGB 45 82 217	#2D52D9
83.3%	83.3% #2143D0	RGB 33 67 208	#2143D0
100.0%	100.0% #1535C7	RGB 21 53 199	#1535C7

#5E8CFF #517DF5 #456FEC #3960E3 #2D52D9 #2143D0 #1535C7

#5E8CFF - #1535C7

HSV Blend

#5E8CFF - #1535C7 | 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 #5E8CFF as 0% and #1535C7 as 100%.

0.0%	0.0% #5D8BFF	RGB 93 139 255	#5D8BFF
16.7%	16.7% #4F7CF5	RGB 79 124 245	#4F7CF5
33.3%	33.3% #426CEC	RGB 66 108 236	#426CEC
50.0%	50.0% #355EE3	RGB 53 94 227	#355EE3
66.7%	66.7% #2A4FD9	RGB 42 79 217	#2A4FD9
83.3%	83.3% #1F42D0	RGB 31 66 208	#1F42D0
100.0%	100.0% #1535C7	RGB 21 53 199	#1535C7

#5D8BFF #4F7CF5 #426CEC #355EE3 #2A4FD9 #1F42D0 #1535C7

#5E8CFF - #355EE3 - #1535C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D8BFF 0%, #355EE3 50%, #1535C7 100%);
    background: -webkit-linear-gradient(top, #5D8BFF 0%, #355EE3 50%, #1535C7 100%);
    background: linear-gradient(to bottom, #5D8BFF 0%, #355EE3 50%, #1535C7 100%);
}
</style>