#5A3E5E - #070D1D | 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 #5A3E5E to #070D1D

#5A3E5E #070D1D

Calculate the color between two colors, #5A3E5E and #070D1D. 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)

#5A3E5E - #070D1D | 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 #5A3E5E as 0% and #070D1D as 100%.

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #4C3553	RGB 76 53 83	#4C3553
33.3%	33.3% #3E2D48	RGB 62 45 72	#3E2D48
50.0%	50.0% #30253D	RGB 48 37 61	#30253D
66.7%	66.7% #221D32	RGB 34 29 50	#221D32
83.3%	83.3% #141527	RGB 20 21 39	#141527
100.0%	100.0% #070D1D	RGB 7 13 29	#070D1D

#5A3E5E #4C3553 #3E2D48 #30253D #221D32 #141527 #070D1D

#5A3E5E - #070D1D

HSV Blend

#5A3E5E - #070D1D | 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 #5A3E5E as 0% and #070D1D as 100%.

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #483153	RGB 72 49 83	#483153
33.3%	33.3% #362548	RGB 54 37 72	#362548
50.0%	50.0% #251B3D	RGB 37 27 61	#251B3D
66.7%	66.7% #161332	RGB 22 19 50	#161332
83.3%	83.3% #0C0E27	RGB 12 14 39	#0C0E27
100.0%	100.0% #070D1D	RGB 7 13 29	#070D1D

#5A3E5E #483153 #362548 #251B3D #161332 #0C0E27 #070D1D

#5A3E5E - #251B3D - #070D1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A3E5E 0%, #251B3D 50%, #070D1D 100%);
    background: -webkit-linear-gradient(top, #5A3E5E 0%, #251B3D 50%, #070D1D 100%);
    background: linear-gradient(to bottom, #5A3E5E 0%, #251B3D 50%, #070D1D 100%);
}
</style>