#5E71D2 - #1C41AB | 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 #5E71D2 to #1C41AB

#5E71D2 #1C41AB

Calculate the color between two colors, #5E71D2 and #1C41AB. 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)

#5E71D2 - #1C41AB | 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 #5E71D2 as 0% and #1C41AB as 100%.

0.0%	0.0% #5E71D2	RGB 94 113 210	#5E71D2
16.7%	16.7% #5369CB	RGB 83 105 203	#5369CB
33.3%	33.3% #4861C5	RGB 72 97 197	#4861C5
50.0%	50.0% #3D59BE	RGB 61 89 190	#3D59BE
66.7%	66.7% #3251B8	RGB 50 81 184	#3251B8
83.3%	83.3% #2749B1	RGB 39 73 177	#2749B1
100.0%	100.0% #1C41AB	RGB 28 65 171	#1C41AB

#5E71D2 #5369CB #4861C5 #3D59BE #3251B8 #2749B1 #1C41AB

#5E71D2 - #1C41AB

HSV Blend

#5E71D2 - #1C41AB | 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 #5E71D2 as 0% and #1C41AB as 100%.

0.0%	0.0% #5E71D2	RGB 94 113 210	#5E71D2
16.7%	16.7% #5167CB	RGB 81 103 203	#5167CB
33.3%	33.3% #455EC5	RGB 69 94 197	#455EC5
50.0%	50.0% #3A56BE	RGB 58 86 190	#3A56BE
66.7%	66.7% #2F4EB8	RGB 47 78 184	#2F4EB8
83.3%	83.3% #2547B1	RGB 37 71 177	#2547B1
100.0%	100.0% #1C41AB	RGB 28 65 171	#1C41AB

#5E71D2 #5167CB #455EC5 #3A56BE #2F4EB8 #2547B1 #1C41AB

#5E71D2 - #3A56BE - #1C41AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E71D2 0%, #3A56BE 50%, #1C41AB 100%);
    background: -webkit-linear-gradient(top, #5E71D2 0%, #3A56BE 50%, #1C41AB 100%);
    background: linear-gradient(to bottom, #5E71D2 0%, #3A56BE 50%, #1C41AB 100%);
}
</style>