#9771FF - #E2CCFF | 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 #9771FF to #E2CCFF

#9771FF #E2CCFF

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

#9771FF - #E2CCFF | 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 #9771FF as 0% and #E2CCFF as 100%.

0.0%	0.0% #9771FF	RGB 151 113 255	#9771FF
16.7%	16.7% #A380FF	RGB 163 128 255	#A380FF
33.3%	33.3% #B08FFF	RGB 176 143 255	#B08FFF
50.0%	50.0% #BC9EFF	RGB 188 158 255	#BC9EFF
66.7%	66.7% #C9ADFF	RGB 201 173 255	#C9ADFF
83.3%	83.3% #D5BCFF	RGB 213 188 255	#D5BCFF
100.0%	100.0% #E2CCFF	RGB 226 204 255	#E2CCFF

#9771FF #A380FF #B08FFF #BC9EFF #C9ADFF #D5BCFF #E2CCFF

#9771FF - #E2CCFF

HSV Blend

#9771FF - #E2CCFF | 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 #9771FF as 0% and #E2CCFF as 100%.

0.0%	0.0% #9671FF	RGB 150 113 255	#9671FF
16.7%	16.7% #A580FF	RGB 165 128 255	#A580FF
33.3%	33.3% #B38FFF	RGB 179 143 255	#B38FFF
50.0%	50.0% #C09EFF	RGB 192 158 255	#C09EFF
66.7%	66.7% #CCADFF	RGB 204 173 255	#CCADFF
83.3%	83.3% #D7BCFF	RGB 215 188 255	#D7BCFF
100.0%	100.0% #E2CCFF	RGB 226 204 255	#E2CCFF

#9671FF #A580FF #B38FFF #C09EFF #CCADFF #D7BCFF #E2CCFF

#9771FF - #C09EFF - #E2CCFF

CSS codes

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

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