#60326B - #2B063E | 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 #60326B to #2B063E

#60326B #2B063E

Calculate the color between two colors, #60326B and #2B063E. 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)

#60326B - #2B063E | 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 #60326B as 0% and #2B063E as 100%.

0.0%	0.0% #60326B	RGB 96 50 107	#60326B
16.7%	16.7% #572A63	RGB 87 42 99	#572A63
33.3%	33.3% #4E235C	RGB 78 35 92	#4E235C
50.0%	50.0% #451C54	RGB 69 28 84	#451C54
66.7%	66.7% #3C144D	RGB 60 20 77	#3C144D
83.3%	83.3% #330D45	RGB 51 13 69	#330D45
100.0%	100.0% #2B063E	RGB 43 6 62	#2B063E

#60326B #572A63 #4E235C #451C54 #3C144D #330D45 #2B063E

#60326B - #2B063E

HSV Blend

#60326B - #2B063E | 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 #60326B as 0% and #2B063E as 100%.

0.0%	0.0% #60326B	RGB 96 50 107	#60326B
16.7%	16.7% #562863	RGB 86 40 99	#562863
33.3%	33.3% #4D1F5C	RGB 77 31 92	#4D1F5C
50.0%	50.0% #441754	RGB 68 23 84	#441754
66.7%	66.7% #3B104D	RGB 59 16 77	#3B104D
83.3%	83.3% #330B45	RGB 51 11 69	#330B45
100.0%	100.0% #2B063E	RGB 43 6 62	#2B063E

#60326B #562863 #4D1F5C #441754 #3B104D #330B45 #2B063E

#60326B - #441754 - #2B063E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60326B 0%, #441754 50%, #2B063E 100%);
    background: -webkit-linear-gradient(top, #60326B 0%, #441754 50%, #2B063E 100%);
    background: linear-gradient(to bottom, #60326B 0%, #441754 50%, #2B063E 100%);
}
</style>