#B827B9 - #3C0069 | 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 #B827B9 to #3C0069

#B827B9 #3C0069

Calculate the color between two colors, #B827B9 and #3C0069. 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)

#B827B9 - #3C0069 | 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 #B827B9 as 0% and #3C0069 as 100%.

0.0%	0.0% #B827B9	RGB 184 39 185	#B827B9
16.7%	16.7% #A320AB	RGB 163 32 171	#A320AB
33.3%	33.3% #8E1A9E	RGB 142 26 158	#8E1A9E
50.0%	50.0% #7A1391	RGB 122 19 145	#7A1391
66.7%	66.7% #650D83	RGB 101 13 131	#650D83
83.3%	83.3% #500676	RGB 80 6 118	#500676
100.0%	100.0% #3C0069	RGB 60 0 105	#3C0069

#B827B9 #A320AB #8E1A9E #7A1391 #650D83 #500676 #3C0069

#B827B9 - #3C0069

HSV Blend

#B827B9 - #3C0069 | 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 #B827B9 as 0% and #3C0069 as 100%.

0.0%	0.0% #B727B9	RGB 183 39 185	#B727B9
16.7%	16.7% #A01EAB	RGB 160 30 171	#A01EAB
33.3%	33.3% #8A169E	RGB 138 22 158	#8A169E
50.0%	50.0% #740F91	RGB 116 15 145	#740F91
66.7%	66.7% #600983	RGB 96 9 131	#600983
83.3%	83.3% #4D0476	RGB 77 4 118	#4D0476
100.0%	100.0% #3C0069	RGB 60 0 105	#3C0069

#B727B9 #A01EAB #8A169E #740F91 #600983 #4D0476 #3C0069

#B827B9 - #740F91 - #3C0069

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B727B9 0%, #740F91 50%, #3C0069 100%);
    background: -webkit-linear-gradient(top, #B727B9 0%, #740F91 50%, #3C0069 100%);
    background: linear-gradient(to bottom, #B727B9 0%, #740F91 50%, #3C0069 100%);
}
</style>