#A874A6 - #DC8CFF | 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 #A874A6 to #DC8CFF

#A874A6 #DC8CFF

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

#A874A6 - #DC8CFF | 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 #A874A6 as 0% and #DC8CFF as 100%.

0.0%	0.0% #A874A6	RGB 168 116 166	#A874A6
16.7%	16.7% #B078B4	RGB 176 120 180	#B078B4
33.3%	33.3% #B97CC3	RGB 185 124 195	#B97CC3
50.0%	50.0% #C280D2	RGB 194 128 210	#C280D2
66.7%	66.7% #CA84E1	RGB 202 132 225	#CA84E1
83.3%	83.3% #D388F0	RGB 211 136 240	#D388F0
100.0%	100.0% #DC8CFF	RGB 220 140 255	#DC8CFF

#A874A6 #B078B4 #B97CC3 #C280D2 #CA84E1 #D388F0 #DC8CFF

#A874A6 - #DC8CFF

HSV Blend

#A874A6 - #DC8CFF | 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 #A874A6 as 0% and #DC8CFF as 100%.

0.0%	0.0% #A874A5	RGB 168 116 165	#A874A5
16.7%	16.7% #B579B6	RGB 181 121 182	#B579B6
33.3%	33.3% #BF7EC5	RGB 191 126 197	#BF7EC5
50.0%	50.0% #C883D3	RGB 200 131 211	#C883D3
66.7%	66.7% #D086E2	RGB 208 134 226	#D086E2
83.3%	83.3% #D789F0	RGB 215 137 240	#D789F0
100.0%	100.0% #DC8CFF	RGB 220 140 255	#DC8CFF

#A874A5 #B579B6 #BF7EC5 #C883D3 #D086E2 #D789F0 #DC8CFF

#A874A6 - #C883D3 - #DC8CFF

CSS codes

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

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