#AB4BFF - #DBB2FF | 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 #AB4BFF to #DBB2FF

#AB4BFF #DBB2FF

Calculate the color between two colors, #AB4BFF and #DBB2FF. 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)

#AB4BFF - #DBB2FF | 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 #AB4BFF as 0% and #DBB2FF as 100%.

0.0%	0.0% #AB4BFF	RGB 171 75 255	#AB4BFF
16.7%	16.7% #B35CFF	RGB 179 92 255	#B35CFF
33.3%	33.3% #BB6DFF	RGB 187 109 255	#BB6DFF
50.0%	50.0% #C37EFF	RGB 195 126 255	#C37EFF
66.7%	66.7% #CB8FFF	RGB 203 143 255	#CB8FFF
83.3%	83.3% #D3A0FF	RGB 211 160 255	#D3A0FF
100.0%	100.0% #DBB2FF	RGB 219 178 255	#DBB2FF

#AB4BFF #B35CFF #BB6DFF #C37EFF #CB8FFF #D3A0FF #DBB2FF

#AB4BFF - #DBB2FF

HSV Blend

#AB4BFF - #DBB2FF | 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 #AB4BFF as 0% and #DBB2FF as 100%.

0.0%	0.0% #AB4BFF	RGB 171 75 255	#AB4BFF
16.7%	16.7% #B25CFF	RGB 178 92 255	#B25CFF
33.3%	33.3% #BA6DFF	RGB 186 109 255	#BA6DFF
50.0%	50.0% #C27EFF	RGB 194 126 255	#C27EFF
66.7%	66.7% #CA8FFF	RGB 202 143 255	#CA8FFF
83.3%	83.3% #D2A0FF	RGB 210 160 255	#D2A0FF
100.0%	100.0% #DBB2FF	RGB 219 178 255	#DBB2FF

#AB4BFF #B25CFF #BA6DFF #C27EFF #CA8FFF #D2A0FF #DBB2FF

#AB4BFF - #C27EFF - #DBB2FF

CSS codes

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

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