#9A56FF - #DBBDFF | 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 #9A56FF to #DBBDFF

#9A56FF #DBBDFF

Calculate the color between two colors, #9A56FF and #DBBDFF. 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)

#9A56FF - #DBBDFF | 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 #9A56FF as 0% and #DBBDFF as 100%.

0.0%	0.0% #9A56FF	RGB 154 86 255	#9A56FF
16.7%	16.7% #A467FF	RGB 164 103 255	#A467FF
33.3%	33.3% #AF78FF	RGB 175 120 255	#AF78FF
50.0%	50.0% #BA89FF	RGB 186 137 255	#BA89FF
66.7%	66.7% #C59AFF	RGB 197 154 255	#C59AFF
83.3%	83.3% #D0ABFF	RGB 208 171 255	#D0ABFF
100.0%	100.0% #DBBDFF	RGB 219 189 255	#DBBDFF

#9A56FF #A467FF #AF78FF #BA89FF #C59AFF #D0ABFF #DBBDFF

#9A56FF - #DBBDFF

HSV Blend

#9A56FF - #DBBDFF | 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 #9A56FF as 0% and #DBBDFF as 100%.

0.0%	0.0% #9A55FF	RGB 154 85 255	#9A55FF
16.7%	16.7% #A567FF	RGB 165 103 255	#A567FF
33.3%	33.3% #B078FF	RGB 176 120 255	#B078FF
50.0%	50.0% #BB89FF	RGB 187 137 255	#BB89FF
66.7%	66.7% #C69AFF	RGB 198 154 255	#C69AFF
83.3%	83.3% #D0ABFF	RGB 208 171 255	#D0ABFF
100.0%	100.0% #DBBDFF	RGB 219 189 255	#DBBDFF

#9A55FF #A567FF #B078FF #BB89FF #C69AFF #D0ABFF #DBBDFF

#9A56FF - #BB89FF - #DBBDFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A55FF 0%, #BB89FF 50%, #DBBDFF 100%);
    background: -webkit-linear-gradient(top, #9A55FF 0%, #BB89FF 50%, #DBBDFF 100%);
    background: linear-gradient(to bottom, #9A55FF 0%, #BB89FF 50%, #DBBDFF 100%);
}
</style>