#965EAD - #8982FF | 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 #965EAD to #8982FF

#965EAD #8982FF

Calculate the color between two colors, #965EAD and #8982FF. 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)

#965EAD - #8982FF | 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 #965EAD as 0% and #8982FF as 100%.

0.0%	0.0% #965EAD	RGB 150 94 173	#965EAD
16.7%	16.7% #9364BA	RGB 147 100 186	#9364BA
33.3%	33.3% #916AC8	RGB 145 106 200	#916AC8
50.0%	50.0% #8F70D6	RGB 143 112 214	#8F70D6
66.7%	66.7% #8D76E3	RGB 141 118 227	#8D76E3
83.3%	83.3% #8B7CF1	RGB 139 124 241	#8B7CF1
100.0%	100.0% #8982FF	RGB 137 130 255	#8982FF

#965EAD #9364BA #916AC8 #8F70D6 #8D76E3 #8B7CF1 #8982FF

#965EAD - #8982FF

HSV Blend

#965EAD - #8982FF | 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 #965EAD as 0% and #8982FF as 100%.

0.0%	0.0% #965EAD	RGB 150 94 173	#965EAD
16.7%	16.7% #9864BA	RGB 152 100 186	#9864BA
33.3%	33.3% #986AC8	RGB 152 106 200	#986AC8
50.0%	50.0% #9770D6	RGB 151 112 214	#9770D6
66.7%	66.7% #9476E3	RGB 148 118 227	#9476E3
83.3%	83.3% #8F7CF1	RGB 143 124 241	#8F7CF1
100.0%	100.0% #8982FF	RGB 137 130 255	#8982FF

#965EAD #9864BA #986AC8 #9770D6 #9476E3 #8F7CF1 #8982FF

#965EAD - #9770D6 - #8982FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965EAD 0%, #9770D6 50%, #8982FF 100%);
    background: -webkit-linear-gradient(top, #965EAD 0%, #9770D6 50%, #8982FF 100%);
    background: linear-gradient(to bottom, #965EAD 0%, #9770D6 50%, #8982FF 100%);
}
</style>