#4A3C5E - #08181C | 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 #4A3C5E to #08181C

#4A3C5E #08181C

Calculate the color between two colors, #4A3C5E and #08181C. 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)

#4A3C5E - #08181C | 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 #4A3C5E as 0% and #08181C as 100%.

0.0%	0.0% #4A3C5E	RGB 74 60 94	#4A3C5E
16.7%	16.7% #3F3653	RGB 63 54 83	#3F3653
33.3%	33.3% #343048	RGB 52 48 72	#343048
50.0%	50.0% #292A3D	RGB 41 42 61	#292A3D
66.7%	66.7% #1E2432	RGB 30 36 50	#1E2432
83.3%	83.3% #131E27	RGB 19 30 39	#131E27
100.0%	100.0% #08181C	RGB 8 24 28	#08181C

#4A3C5E #3F3653 #343048 #292A3D #1E2432 #131E27 #08181C

#4A3C5E - #08181C

HSV Blend

#4A3C5E - #08181C | 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 #4A3C5E as 0% and #08181C as 100%.

0.0%	0.0% #4A3C5E	RGB 74 60 94	#4A3C5E
16.7%	16.7% #373053	RGB 55 48 83	#373053
33.3%	33.3% #252548	RGB 37 37 72	#252548
50.0%	50.0% #1C223D	RGB 28 34 61	#1C223D
66.7%	66.7% #141F32	RGB 20 31 50	#141F32
83.3%	83.3% #0D1C27	RGB 13 28 39	#0D1C27
100.0%	100.0% #08181C	RGB 8 24 28	#08181C

#4A3C5E #373053 #252548 #1C223D #141F32 #0D1C27 #08181C

#4A3C5E - #1C223D - #08181C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3C5E 0%, #1C223D 50%, #08181C 100%);
    background: -webkit-linear-gradient(top, #4A3C5E 0%, #1C223D 50%, #08181C 100%);
    background: linear-gradient(to bottom, #4A3C5E 0%, #1C223D 50%, #08181C 100%);
}
</style>