#963C50 - #5E071F | 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 #963C50 to #5E071F

#963C50 #5E071F

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

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

0.0%	0.0% #963C50	RGB 150 60 80	#963C50
16.7%	16.7% #8C3347	RGB 140 51 71	#8C3347
33.3%	33.3% #832A3F	RGB 131 42 63	#832A3F
50.0%	50.0% #7A2137	RGB 122 33 55	#7A2137
66.7%	66.7% #70182F	RGB 112 24 47	#70182F
83.3%	83.3% #670F27	RGB 103 15 39	#670F27
100.0%	100.0% #5E071F	RGB 94 7 31	#5E071F

#963C50 #8C3347 #832A3F #7A2137 #70182F #670F27 #5E071F

#963C50 - #5E071F

HSV Blend

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

0.0%	0.0% #963C4F	RGB 150 60 79	#963C4F
16.7%	16.7% #8C3045	RGB 140 48 69	#8C3045
33.3%	33.3% #83263C	RGB 131 38 60	#83263C
50.0%	50.0% #7A1C34	RGB 122 28 52	#7A1C34
66.7%	66.7% #70142C	RGB 112 20 44	#70142C
83.3%	83.3% #670D25	RGB 103 13 37	#670D25
100.0%	100.0% #5E071F	RGB 94 7 31	#5E071F

#963C4F #8C3045 #83263C #7A1C34 #70142C #670D25 #5E071F

#963C50 - #7A1C34 - #5E071F

CSS codes

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

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