#9A0089 - #DC2FFF | 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 #9A0089 to #DC2FFF

#9A0089 #DC2FFF

Calculate the color between two colors, #9A0089 and #DC2FFF. 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)

#9A0089 - #DC2FFF | 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 #9A0089 as 0% and #DC2FFF as 100%.

0.0%	0.0% #9A0089	RGB 154 0 137	#9A0089
16.7%	16.7% #A5079C	RGB 165 7 156	#A5079C
33.3%	33.3% #B00FB0	RGB 176 15 176	#B00FB0
50.0%	50.0% #BB17C4	RGB 187 23 196	#BB17C4
66.7%	66.7% #C61FD7	RGB 198 31 215	#C61FD7
83.3%	83.3% #D127EB	RGB 209 39 235	#D127EB
100.0%	100.0% #DC2FFF	RGB 220 47 255	#DC2FFF

#9A0089 #A5079C #B00FB0 #BB17C4 #C61FD7 #D127EB #DC2FFF

#9A0089 - #DC2FFF

HSV Blend

#9A0089 - #DC2FFF | 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 #9A0089 as 0% and #DC2FFF as 100%.

0.0%	0.0% #9A0089	RGB 154 0 137	#9A0089
16.7%	16.7% #AA05A0	RGB 170 5 160	#AA05A0
33.3%	33.3% #BB0BB8	RGB 187 11 184	#BB0BB8
50.0%	50.0% #C712CC	RGB 199 18 204	#C712CC
66.7%	66.7% #CE1BDD	RGB 206 27 221	#CE1BDD
83.3%	83.3% #D524EE	RGB 213 36 238	#D524EE
100.0%	100.0% #DC2FFF	RGB 220 47 255	#DC2FFF

#9A0089 #AA05A0 #BB0BB8 #C712CC #CE1BDD #D524EE #DC2FFF

#9A0089 - #C712CC - #DC2FFF

CSS codes

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

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