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

#5A3E5E #070C1D

Calculate the color between two colors, #5A3E5E and #070C1D. 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 - #070C1D | 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 #070C1D 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% #221C32	RGB 34 28 50	#221C32
83.3%	83.3% #141427	RGB 20 20 39	#141427
100.0%	100.0% #070C1D	RGB 7 12 29	#070C1D

#5A3E5E #4C3553 #3E2D48 #30253D #221C32 #141427 #070C1D

#5A3E5E - #070C1D

HSV Blend

#5A3E5E - #070C1D | 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 #070C1D 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% #372548	RGB 55 37 72	#372548
50.0%	50.0% #261B3D	RGB 38 27 61	#261B3D
66.7%	66.7% #171332	RGB 23 19 50	#171332
83.3%	83.3% #0C0D27	RGB 12 13 39	#0C0D27
100.0%	100.0% #070C1D	RGB 7 12 29	#070C1D

#5A3E5E #483153 #372548 #261B3D #171332 #0C0D27 #070C1D

#5A3E5E - #261B3D - #070C1D

CSS codes

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

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