#5E44CD - #1C00A1 | 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 #5E44CD to #1C00A1

#5E44CD #1C00A1

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

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

0.0%	0.0% #5E44CD	RGB 94 68 205	#5E44CD
16.7%	16.7% #5338C5	RGB 83 56 197	#5338C5
33.3%	33.3% #482DBE	RGB 72 45 190	#482DBE
50.0%	50.0% #3D22B7	RGB 61 34 183	#3D22B7
66.7%	66.7% #3216AF	RGB 50 22 175	#3216AF
83.3%	83.3% #270BA8	RGB 39 11 168	#270BA8
100.0%	100.0% #1C00A1	RGB 28 0 161	#1C00A1

#5E44CD #5338C5 #482DBE #3D22B7 #3216AF #270BA8 #1C00A1

#5E44CD - #1C00A1

HSV Blend

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

0.0%	0.0% #5E44CD	RGB 94 68 205	#5E44CD
16.7%	16.7% #5136C5	RGB 81 54 197	#5136C5
33.3%	33.3% #452ABE	RGB 69 42 190	#452ABE
50.0%	50.0% #3A1EB7	RGB 58 30 183	#3A1EB7
66.7%	66.7% #2F13AF	RGB 47 19 175	#2F13AF
83.3%	83.3% #2509A8	RGB 37 9 168	#2509A8
100.0%	100.0% #1C00A1	RGB 28 0 161	#1C00A1

#5E44CD #5136C5 #452ABE #3A1EB7 #2F13AF #2509A8 #1C00A1

#5E44CD - #3A1EB7 - #1C00A1

CSS codes

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

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