#960090 - #E759C7 | 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 #E759C7

#960090 #E759C7

Calculate the color between two colors, #960090 and #E759C7. 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 - #E759C7 | 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 #E759C7 as 100%.

0.0%	0.0% #960090	RGB 150 0 144	#960090
16.7%	16.7% #A30E99	RGB 163 14 153	#A30E99
33.3%	33.3% #B11DA2	RGB 177 29 162	#B11DA2
50.0%	50.0% #BE2CAB	RGB 190 44 171	#BE2CAB
66.7%	66.7% #CC3BB4	RGB 204 59 180	#CC3BB4
83.3%	83.3% #D94ABD	RGB 217 74 189	#D94ABD
100.0%	100.0% #E759C7	RGB 231 89 199	#E759C7

#960090 #A30E99 #B11DA2 #BE2CAB #CC3BB4 #D94ABD #E759C7

#960090 - #E759C7

HSV Blend

#960090 - #E759C7 | 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 #E759C7 as 100%.

0.0%	0.0% #960090	RGB 150 0 144	#960090
16.7%	16.7% #A30A98	RGB 163 10 152	#A30A98
33.3%	33.3% #B116A1	RGB 177 22 161	#B116A1
50.0%	50.0% #BE24AA	RGB 190 36 170	#BE24AA
66.7%	66.7% #CC34B3	RGB 204 52 179	#CC34B3
83.3%	83.3% #D945BC	RGB 217 69 188	#D945BC
100.0%	100.0% #E759C7	RGB 231 89 199	#E759C7

#960090 #A30A98 #B116A1 #BE24AA #CC34B3 #D945BC #E759C7

#960090 - #BE24AA - #E759C7

CSS codes

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

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