#963C92 - #E997BC | 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 #963C92 to #E997BC

#963C92 #E997BC

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

#963C92 - #E997BC | 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 #963C92 as 0% and #E997BC as 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #A34B99	RGB 163 75 153	#A34B99
33.3%	33.3% #B15AA0	RGB 177 90 160	#B15AA0
50.0%	50.0% #BF69A7	RGB 191 105 167	#BF69A7
66.7%	66.7% #CD78AE	RGB 205 120 174	#CD78AE
83.3%	83.3% #DB87B5	RGB 219 135 181	#DB87B5
100.0%	100.0% #E997BC	RGB 233 151 188	#E997BC

#963C92 #A34B99 #B15AA0 #BF69A7 #CD78AE #DB87B5 #E997BC

#963C92 - #E997BC

HSV Blend

#963C92 - #E997BC | 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 #963C92 as 0% and #E997BC as 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #A34898	RGB 163 72 152	#A34898
33.3%	33.3% #B1559E	RGB 177 85 158	#B1559E
50.0%	50.0% #BF64A4	RGB 191 100 164	#BF64A4
66.7%	66.7% #CD74AB	RGB 205 116 171	#CD74AB
83.3%	83.3% #DB84B3	RGB 219 132 179	#DB84B3
100.0%	100.0% #E997BC	RGB 233 151 188	#E997BC

#963C92 #A34898 #B1559E #BF64A4 #CD74AB #DB84B3 #E997BC

#963C92 - #BF64A4 - #E997BC

CSS codes

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

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