#9761CE - #B5E5E2 | 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 #9761CE to #B5E5E2

#9761CE #B5E5E2

Calculate the color between two colors, #9761CE and #B5E5E2. 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)

#9761CE - #B5E5E2 | 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 #9761CE as 0% and #B5E5E2 as 100%.

0.0%	0.0% #9761CE	RGB 151 97 206	#9761CE
16.7%	16.7% #9C77D1	RGB 156 119 209	#9C77D1
33.3%	33.3% #A18DD4	RGB 161 141 212	#A18DD4
50.0%	50.0% #A6A3D8	RGB 166 163 216	#A6A3D8
66.7%	66.7% #ABB9DB	RGB 171 185 219	#ABB9DB
83.3%	83.3% #B0CFDE	RGB 176 207 222	#B0CFDE
100.0%	100.0% #B5E5E2	RGB 181 229 226	#B5E5E2

#9761CE #9C77D1 #A18DD4 #A6A3D8 #ABB9DB #B0CFDE #B5E5E2

#9761CE - #B5E5E2

HSV Blend

#9761CE - #B5E5E2 | 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 #9761CE as 0% and #B5E5E2 as 100%.

0.0%	0.0% #9661CE	RGB 150 97 206	#9661CE
16.7%	16.7% #856DD1	RGB 133 109 209	#856DD1
33.3%	33.3% #7B7DD5	RGB 123 125 213	#7B7DD5
50.0%	50.0% #899FD9	RGB 137 159 217	#899FD9
66.7%	66.7% #97BDDD	RGB 151 189 221	#97BDDD
83.3%	83.3% #A5D5E1	RGB 165 213 225	#A5D5E1
100.0%	100.0% #B5E5E2	RGB 181 229 226	#B5E5E2

#9661CE #856DD1 #7B7DD5 #899FD9 #97BDDD #A5D5E1 #B5E5E2

#9761CE - #899FD9 - #B5E5E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9661CE 0%, #899FD9 50%, #B5E5E2 100%);
    background: -webkit-linear-gradient(top, #9661CE 0%, #899FD9 50%, #B5E5E2 100%);
    background: linear-gradient(to bottom, #9661CE 0%, #899FD9 50%, #B5E5E2 100%);
}
</style>