#1C0120 - #5E1056 | 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 #1C0120 to #5E1056

#1C0120 #5E1056

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

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

0.0%	0.0% #1C0120	RGB 28 1 32	#1C0120
16.7%	16.7% #270329	RGB 39 3 41	#270329
33.3%	33.3% #320632	RGB 50 6 50	#320632
50.0%	50.0% #3D083B	RGB 61 8 59	#3D083B
66.7%	66.7% #480B44	RGB 72 11 68	#480B44
83.3%	83.3% #530D4D	RGB 83 13 77	#530D4D
100.0%	100.0% #5E1056	RGB 94 16 86	#5E1056

#1C0120 #270329 #320632 #3D083B #480B44 #530D4D #5E1056

#1C0120 - #5E1056

HSV Blend

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

0.0%	0.0% #1C0120	RGB 28 1 32	#1C0120
16.7%	16.7% #26022A	RGB 38 2 42	#26022A
33.3%	33.3% #320434	RGB 50 4 52	#320434
50.0%	50.0% #3E063F	RGB 62 6 63	#3E063F
66.7%	66.7% #490947	RGB 73 9 71	#490947
83.3%	83.3% #530C4F	RGB 83 12 79	#530C4F
100.0%	100.0% #5E1056	RGB 94 16 86	#5E1056

#1C0120 #26022A #320434 #3E063F #490947 #530C4F #5E1056

#1C0120 - #3E063F - #5E1056

CSS codes

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

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