#4A2B5C - #160A13 | 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 #4A2B5C to #160A13

#4A2B5C #160A13

Calculate the color between two colors, #4A2B5C and #160A13. 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)

#4A2B5C - #160A13 | 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 #4A2B5C as 0% and #160A13 as 100%.

0.0%	0.0% #4A2B5C	RGB 74 43 92	#4A2B5C
16.7%	16.7% #41254F	RGB 65 37 79	#41254F
33.3%	33.3% #382043	RGB 56 32 67	#382043
50.0%	50.0% #301A37	RGB 48 26 55	#301A37
66.7%	66.7% #27152B	RGB 39 21 43	#27152B
83.3%	83.3% #1E0F1F	RGB 30 15 31	#1E0F1F
100.0%	100.0% #160A13	RGB 22 10 19	#160A13

#4A2B5C #41254F #382043 #301A37 #27152B #1E0F1F #160A13

#4A2B5C - #160A13

HSV Blend

#4A2B5C - #160A13 | 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 #4A2B5C as 0% and #160A13 as 100%.

0.0%	0.0% #4A2B5C	RGB 74 43 92	#4A2B5C
16.7%	16.7% #442550	RGB 68 37 80	#442550
33.3%	33.3% #3E1F44	RGB 62 31 68	#3E1F44
50.0%	50.0% #371A39	RGB 55 26 57	#371A39
66.7%	66.7% #2D142C	RGB 45 20 44	#2D142C
83.3%	83.3% #210F1E	RGB 33 15 30	#210F1E
100.0%	100.0% #160A13	RGB 22 10 19	#160A13

#4A2B5C #442550 #3E1F44 #371A39 #2D142C #210F1E #160A13

#4A2B5C - #371A39 - #160A13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2B5C 0%, #371A39 50%, #160A13 100%);
    background: -webkit-linear-gradient(top, #4A2B5C 0%, #371A39 50%, #160A13 100%);
    background: linear-gradient(to bottom, #4A2B5C 0%, #371A39 50%, #160A13 100%);
}
</style>