#963C7B - #5B002C | 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 #963C7B to #5B002C

#963C7B #5B002C

Calculate the color between two colors, #963C7B and #5B002C. 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)

#963C7B - #5B002C | 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 #963C7B as 0% and #5B002C as 100%.

0.0%	0.0% #963C7B	RGB 150 60 123	#963C7B
16.7%	16.7% #8C326D	RGB 140 50 109	#8C326D
33.3%	33.3% #822860	RGB 130 40 96	#822860
50.0%	50.0% #781E53	RGB 120 30 83	#781E53
66.7%	66.7% #6E1446	RGB 110 20 70	#6E1446
83.3%	83.3% #640A39	RGB 100 10 57	#640A39
100.0%	100.0% #5B002C	RGB 91 0 44	#5B002C

#963C7B #8C326D #822860 #781E53 #6E1446 #640A39 #5B002C

#963C7B - #5B002C

HSV Blend

#963C7B - #5B002C | 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 #963C7B as 0% and #5B002C as 100%.

0.0%	0.0% #963C7B	RGB 150 60 123	#963C7B
16.7%	16.7% #8C2E6C	RGB 140 46 108	#8C2E6C
33.3%	33.3% #82225E	RGB 130 34 94	#82225E
50.0%	50.0% #781851	RGB 120 24 81	#781851
66.7%	66.7% #6E0E44	RGB 110 14 68	#6E0E44
83.3%	83.3% #640637	RGB 100 6 55	#640637
100.0%	100.0% #5B002C	RGB 91 0 44	#5B002C

#963C7B #8C2E6C #82225E #781851 #6E0E44 #640637 #5B002C

#963C7B - #781851 - #5B002C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963C7B 0%, #781851 50%, #5B002C 100%);
    background: -webkit-linear-gradient(top, #963C7B 0%, #781851 50%, #5B002C 100%);
    background: linear-gradient(to bottom, #963C7B 0%, #781851 50%, #5B002C 100%);
}
</style>