#472A8D - #B879B2 | 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 #472A8D to #B879B2

#472A8D #B879B2

Calculate the color between two colors, #472A8D and #B879B2. 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)

#472A8D - #B879B2 | 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 #472A8D as 0% and #B879B2 as 100%.

0.0%	0.0% #472A8D	RGB 71 42 141	#472A8D
16.7%	16.7% #593793	RGB 89 55 147	#593793
33.3%	33.3% #6C4499	RGB 108 68 153	#6C4499
50.0%	50.0% #7F519F	RGB 127 81 159	#7F519F
66.7%	66.7% #925EA5	RGB 146 94 165	#925EA5
83.3%	83.3% #A56BAB	RGB 165 107 171	#A56BAB
100.0%	100.0% #B879B2	RGB 184 121 178	#B879B2

#472A8D #593793 #6C4499 #7F519F #925EA5 #A56BAB #B879B2

#472A8D - #B879B2

HSV Blend

#472A8D - #B879B2 | 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 #472A8D as 0% and #B879B2 as 100%.

0.0%	0.0% #462A8D	RGB 70 42 141	#462A8D
16.7%	16.7% #5D3594	RGB 93 53 148	#5D3594
33.3%	33.3% #73409B	RGB 115 64 155	#73409B
50.0%	50.0% #884DA2	RGB 136 77 162	#884DA2
66.7%	66.7% #9C5BA9	RGB 156 91 169	#9C5BA9
83.3%	83.3% #AE69B0	RGB 174 105 176	#AE69B0
100.0%	100.0% #B879B2	RGB 184 121 178	#B879B2

#462A8D #5D3594 #73409B #884DA2 #9C5BA9 #AE69B0 #B879B2

#472A8D - #884DA2 - #B879B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #462A8D 0%, #884DA2 50%, #B879B2 100%);
    background: -webkit-linear-gradient(top, #462A8D 0%, #884DA2 50%, #B879B2 100%);
    background: linear-gradient(to bottom, #462A8D 0%, #884DA2 50%, #B879B2 100%);
}
</style>