#965E8C - #98A8CF | 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 #965E8C to #98A8CF

#965E8C #98A8CF

Calculate the color between two colors, #965E8C and #98A8CF. 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)

#965E8C - #98A8CF | 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 #965E8C as 0% and #98A8CF as 100%.

0.0%	0.0% #965E8C	RGB 150 94 140	#965E8C
16.7%	16.7% #966A97	RGB 150 106 151	#966A97
33.3%	33.3% #9676A2	RGB 150 118 162	#9676A2
50.0%	50.0% #9783AD	RGB 151 131 173	#9783AD
66.7%	66.7% #978FB8	RGB 151 143 184	#978FB8
83.3%	83.3% #979BC3	RGB 151 155 195	#979BC3
100.0%	100.0% #98A8CF	RGB 152 168 207	#98A8CF

#965E8C #966A97 #9676A2 #9783AD #978FB8 #979BC3 #98A8CF

#965E8C - #98A8CF

HSV Blend

#965E8C - #98A8CF | 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 #965E8C as 0% and #98A8CF as 100%.

0.0%	0.0% #965E8C	RGB 150 94 140	#965E8C
16.7%	16.7% #9B669F	RGB 155 102 159	#9B669F
33.3%	33.3% #976FA9	RGB 151 111 169	#976FA9
50.0%	50.0% #9279B2	RGB 146 121 178	#9279B2
66.7%	66.7% #8E83BC	RGB 142 131 188	#8E83BC
83.3%	83.3% #8D90C5	RGB 141 144 197	#8D90C5
100.0%	100.0% #98A8CF	RGB 152 168 207	#98A8CF

#965E8C #9B669F #976FA9 #9279B2 #8E83BC #8D90C5 #98A8CF

#965E8C - #9279B2 - #98A8CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965E8C 0%, #9279B2 50%, #98A8CF 100%);
    background: -webkit-linear-gradient(top, #965E8C 0%, #9279B2 50%, #98A8CF 100%);
    background: linear-gradient(to bottom, #965E8C 0%, #9279B2 50%, #98A8CF 100%);
}
</style>