#6B0584 - #CC48A0 | 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 #6B0584 to #CC48A0

#6B0584 #CC48A0

Calculate the color between two colors, #6B0584 and #CC48A0. 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)

#6B0584 - #CC48A0 | 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 #6B0584 as 0% and #CC48A0 as 100%.

0.0%	0.0% #6B0584	RGB 107 5 132	#6B0584
16.7%	16.7% #7B1088	RGB 123 16 136	#7B1088
33.3%	33.3% #8B1B8D	RGB 139 27 141	#8B1B8D
50.0%	50.0% #9B2692	RGB 155 38 146	#9B2692
66.7%	66.7% #AB3196	RGB 171 49 150	#AB3196
83.3%	83.3% #BB3C9B	RGB 187 60 155	#BB3C9B
100.0%	100.0% #CC48A0	RGB 204 72 160	#CC48A0

#6B0584 #7B1088 #8B1B8D #9B2692 #AB3196 #BB3C9B #CC48A0

#6B0584 - #CC48A0

HSV Blend

#6B0584 - #CC48A0 | 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 #6B0584 as 0% and #CC48A0 as 100%.

0.0%	0.0% #6B0584	RGB 107 5 132	#6B0584
16.7%	16.7% #810D90	RGB 129 13 144	#810D90
33.3%	33.3% #99169C	RGB 153 22 156	#99169C
50.0%	50.0% #A8209E	RGB 168 32 158	#A8209E
66.7%	66.7% #B42C9E	RGB 180 44 158	#B42C9E
83.3%	83.3% #C0399F	RGB 192 57 159	#C0399F
100.0%	100.0% #CC48A0	RGB 204 72 160	#CC48A0

#6B0584 #810D90 #99169C #A8209E #B42C9E #C0399F #CC48A0

#6B0584 - #A8209E - #CC48A0

CSS codes

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

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