#8D3E6C - #530822 | 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 #8D3E6C to #530822

#8D3E6C #530822

Calculate the color between two colors, #8D3E6C and #530822. 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)

#8D3E6C - #530822 | 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 #8D3E6C as 0% and #530822 as 100%.

0.0%	0.0% #8D3E6C	RGB 141 62 108	#8D3E6C
16.7%	16.7% #83355F	RGB 131 53 95	#83355F
33.3%	33.3% #792C53	RGB 121 44 83	#792C53
50.0%	50.0% #702347	RGB 112 35 71	#702347
66.7%	66.7% #661A3A	RGB 102 26 58	#661A3A
83.3%	83.3% #5C112E	RGB 92 17 46	#5C112E
100.0%	100.0% #530822	RGB 83 8 34	#530822

#8D3E6C #83355F #792C53 #702347 #661A3A #5C112E #530822

#8D3E6C - #530822

HSV Blend

#8D3E6C - #530822 | 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 #8D3E6C as 0% and #530822 as 100%.

0.0%	0.0% #8D3E6C	RGB 141 62 108	#8D3E6C
16.7%	16.7% #83325E	RGB 131 50 94	#83325E
33.3%	33.3% #792750	RGB 121 39 80	#792750
50.0%	50.0% #701E44	RGB 112 30 68	#701E44
66.7%	66.7% #661537	RGB 102 21 55	#661537
83.3%	83.3% #5C0E2C	RGB 92 14 44	#5C0E2C
100.0%	100.0% #530822	RGB 83 8 34	#530822

#8D3E6C #83325E #792750 #701E44 #661537 #5C0E2C #530822

#8D3E6C - #701E44 - #530822

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D3E6C 0%, #701E44 50%, #530822 100%);
    background: -webkit-linear-gradient(top, #8D3E6C 0%, #701E44 50%, #530822 100%);
    background: linear-gradient(to bottom, #8D3E6C 0%, #701E44 50%, #530822 100%);
}
</style>