#960090 - #530066 | 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 #960090 to #530066

#960090 #530066

Calculate the color between two colors, #960090 and #530066. 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)

#960090 - #530066 | 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 #960090 as 0% and #530066 as 100%.

0.0%	0.0% #960090	RGB 150 0 144	#960090
16.7%	16.7% #8A0089	RGB 138 0 137	#8A0089
33.3%	33.3% #7F0082	RGB 127 0 130	#7F0082
50.0%	50.0% #74007B	RGB 116 0 123	#74007B
66.7%	66.7% #690074	RGB 105 0 116	#690074
83.3%	83.3% #5E006D	RGB 94 0 109	#5E006D
100.0%	100.0% #530066	RGB 83 0 102	#530066

#960090 #8A0089 #7F0082 #74007B #690074 #5E006D #530066

#960090 - #530066

HSV Blend

#960090 - #530066 | 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 #960090 as 0% and #530066 as 100%.

0.0%	0.0% #960090	RGB 150 0 144	#960090
16.7%	16.7% #8E008D	RGB 142 0 141	#8E008D
33.3%	33.3% #810086	RGB 129 0 134	#810086
50.0%	50.0% #74007E	RGB 116 0 126	#74007E
66.7%	66.7% #680076	RGB 104 0 118	#680076
83.3%	83.3% #5D006E	RGB 93 0 110	#5D006E
100.0%	100.0% #530066	RGB 83 0 102	#530066

#960090 #8E008D #810086 #74007E #680076 #5D006E #530066

#960090 - #74007E - #530066

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #960090 0%, #74007E 50%, #530066 100%);
    background: -webkit-linear-gradient(top, #960090 0%, #74007E 50%, #530066 100%);
    background: linear-gradient(to bottom, #960090 0%, #74007E 50%, #530066 100%);
}
</style>