#A869A6 - #DC83FF | 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 #A869A6 to #DC83FF

#A869A6 #DC83FF

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

#A869A6 - #DC83FF | 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 #A869A6 as 0% and #DC83FF as 100%.

0.0%	0.0% #A869A6	RGB 168 105 166	#A869A6
16.7%	16.7% #B06DB4	RGB 176 109 180	#B06DB4
33.3%	33.3% #B971C3	RGB 185 113 195	#B971C3
50.0%	50.0% #C276D2	RGB 194 118 210	#C276D2
66.7%	66.7% #CA7AE1	RGB 202 122 225	#CA7AE1
83.3%	83.3% #D37EF0	RGB 211 126 240	#D37EF0
100.0%	100.0% #DC83FF	RGB 220 131 255	#DC83FF

#A869A6 #B06DB4 #B971C3 #C276D2 #CA7AE1 #D37EF0 #DC83FF

#A869A6 - #DC83FF

HSV Blend

#A869A6 - #DC83FF | 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 #A869A6 as 0% and #DC83FF as 100%.

0.0%	0.0% #A869A6	RGB 168 105 166	#A869A6
16.7%	16.7% #B56EB6	RGB 181 110 182	#B56EB6
33.3%	33.3% #BF73C5	RGB 191 115 197	#BF73C5
50.0%	50.0% #C878D3	RGB 200 120 211	#C878D3
66.7%	66.7% #CF7CE2	RGB 207 124 226	#CF7CE2
83.3%	83.3% #D680F0	RGB 214 128 240	#D680F0
100.0%	100.0% #DC83FF	RGB 220 131 255	#DC83FF

#A869A6 #B56EB6 #BF73C5 #C878D3 #CF7CE2 #D680F0 #DC83FF

#A869A6 - #C878D3 - #DC83FF

CSS codes

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

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