#A16FB5 - #DA8CFF | 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 #A16FB5 to #DA8CFF

#A16FB5 #DA8CFF

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

#A16FB5 - #DA8CFF | 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 #A16FB5 as 0% and #DA8CFF as 100%.

0.0%	0.0% #A16FB5	RGB 161 111 181	#A16FB5
16.7%	16.7% #AA73C1	RGB 170 115 193	#AA73C1
33.3%	33.3% #B478CD	RGB 180 120 205	#B478CD
50.0%	50.0% #BD7DDA	RGB 189 125 218	#BD7DDA
66.7%	66.7% #C782E6	RGB 199 130 230	#C782E6
83.3%	83.3% #D087F2	RGB 208 135 242	#D087F2
100.0%	100.0% #DA8CFF	RGB 218 140 255	#DA8CFF

#A16FB5 #AA73C1 #B478CD #BD7DDA #C782E6 #D087F2 #DA8CFF

#A16FB5 - #DA8CFF

HSV Blend

#A16FB5 - #DA8CFF | 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 #A16FB5 as 0% and #DA8CFF as 100%.

0.0%	0.0% #A16FB5	RGB 161 111 181	#A16FB5
16.7%	16.7% #AA74C1	RGB 170 116 193	#AA74C1
33.3%	33.3% #B479CD	RGB 180 121 205	#B479CD
50.0%	50.0% #BE7EDA	RGB 190 126 218	#BE7EDA
66.7%	66.7% #C783E6	RGB 199 131 230	#C783E6
83.3%	83.3% #D087F2	RGB 208 135 242	#D087F2
100.0%	100.0% #DA8CFF	RGB 218 140 255	#DA8CFF

#A16FB5 #AA74C1 #B479CD #BE7EDA #C783E6 #D087F2 #DA8CFF

#A16FB5 - #BE7EDA - #DA8CFF

CSS codes

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

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