#4D1C42 - #AF3E93 | 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 #4D1C42 to #AF3E93

#4D1C42 #AF3E93

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

#4D1C42 - #AF3E93 | 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 #4D1C42 as 0% and #AF3E93 as 100%.

0.0%	0.0% #4D1C42	RGB 77 28 66	#4D1C42
16.7%	16.7% #5D214F	RGB 93 33 79	#5D214F
33.3%	33.3% #6D275D	RGB 109 39 93	#6D275D
50.0%	50.0% #7E2D6A	RGB 126 45 106	#7E2D6A
66.7%	66.7% #8E3278	RGB 142 50 120	#8E3278
83.3%	83.3% #9E3885	RGB 158 56 133	#9E3885
100.0%	100.0% #AF3E93	RGB 175 62 147	#AF3E93

#4D1C42 #5D214F #6D275D #7E2D6A #8E3278 #9E3885 #AF3E93

#4D1C42 - #AF3E93

HSV Blend

#4D1C42 - #AF3E93 | 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 #4D1C42 as 0% and #AF3E93 as 100%.

0.0%	0.0% #4D1C42	RGB 77 28 66	#4D1C42
16.7%	16.7% #5D214F	RGB 93 33 79	#5D214F
33.3%	33.3% #6D275D	RGB 109 39 93	#6D275D
50.0%	50.0% #7E2D6A	RGB 126 45 106	#7E2D6A
66.7%	66.7% #8E3278	RGB 142 50 120	#8E3278
83.3%	83.3% #9E3885	RGB 158 56 133	#9E3885
100.0%	100.0% #AF3E93	RGB 175 62 147	#AF3E93

#4D1C42 #5D214F #6D275D #7E2D6A #8E3278 #9E3885 #AF3E93

#4D1C42 - #7E2D6A - #AF3E93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1C42 0%, #7E2D6A 50%, #AF3E93 100%);
    background: -webkit-linear-gradient(top, #4D1C42 0%, #7E2D6A 50%, #AF3E93 100%);
    background: linear-gradient(to bottom, #4D1C42 0%, #7E2D6A 50%, #AF3E93 100%);
}
</style>