#963C7C - #5E0848 | 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 #963C7C to #5E0848

#963C7C #5E0848

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

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

0.0%	0.0% #963C7C	RGB 150 60 124	#963C7C
16.7%	16.7% #8C3373	RGB 140 51 115	#8C3373
33.3%	33.3% #832A6A	RGB 131 42 106	#832A6A
50.0%	50.0% #7A2262	RGB 122 34 98	#7A2262
66.7%	66.7% #701959	RGB 112 25 89	#701959
83.3%	83.3% #671050	RGB 103 16 80	#671050
100.0%	100.0% #5E0848	RGB 94 8 72	#5E0848

#963C7C #8C3373 #832A6A #7A2262 #701959 #671050 #5E0848

#963C7C - #5E0848

HSV Blend

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

0.0%	0.0% #963C7C	RGB 150 60 124	#963C7C
16.7%	16.7% #8C3072	RGB 140 48 114	#8C3072
33.3%	33.3% #832669	RGB 131 38 105	#832669
50.0%	50.0% #7A1D60	RGB 122 29 96	#7A1D60
66.7%	66.7% #701558	RGB 112 21 88	#701558
83.3%	83.3% #670E50	RGB 103 14 80	#670E50
100.0%	100.0% #5E0848	RGB 94 8 72	#5E0848

#963C7C #8C3072 #832669 #7A1D60 #701558 #670E50 #5E0848

#963C7C - #7A1D60 - #5E0848

CSS codes

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

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