#DA55C0 - #8A0095 | 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 #DA55C0 to #8A0095

#DA55C0 #8A0095

Calculate the color between two colors, #DA55C0 and #8A0095. 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)

#DA55C0 - #8A0095 | 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 #DA55C0 as 0% and #8A0095 as 100%.

0.0%	0.0% #DA55C0	RGB 218 85 192	#DA55C0
16.7%	16.7% #CC46B8	RGB 204 70 184	#CC46B8
33.3%	33.3% #BF38B1	RGB 191 56 177	#BF38B1
50.0%	50.0% #B22AAA	RGB 178 42 170	#B22AAA
66.7%	66.7% #A41CA3	RGB 164 28 163	#A41CA3
83.3%	83.3% #970E9C	RGB 151 14 156	#970E9C
100.0%	100.0% #8A0095	RGB 138 0 149	#8A0095

#DA55C0 #CC46B8 #BF38B1 #B22AAA #A41CA3 #970E9C #8A0095

#DA55C0 - #8A0095

HSV Blend

#DA55C0 - #8A0095 | 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 #DA55C0 as 0% and #8A0095 as 100%.

0.0%	0.0% #DA55C0	RGB 218 85 192	#DA55C0
16.7%	16.7% #CE43B9	RGB 206 67 185	#CE43B9
33.3%	33.3% #C332B3	RGB 195 50 179	#C332B3
50.0%	50.0% #B723AE	RGB 183 35 174	#B723AE
66.7%	66.7% #AC16A9	RGB 172 22 169	#AC16A9
83.3%	83.3% #9C0AA0	RGB 156 10 160	#9C0AA0
100.0%	100.0% #8A0095	RGB 138 0 149	#8A0095

#DA55C0 #CE43B9 #C332B3 #B723AE #AC16A9 #9C0AA0 #8A0095

#DA55C0 - #B723AE - #8A0095

CSS codes

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

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