#47478C - #8C8DB1 | 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 #47478C to #8C8DB1

#47478C #8C8DB1

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

#47478C - #8C8DB1 | 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 #47478C as 0% and #8C8DB1 as 100%.

0.0%	0.0% #47478C	RGB 71 71 140	#47478C
16.7%	16.7% #525292	RGB 82 82 146	#525292
33.3%	33.3% #5E5E98	RGB 94 94 152	#5E5E98
50.0%	50.0% #696A9E	RGB 105 106 158	#696A9E
66.7%	66.7% #7575A4	RGB 117 117 164	#7575A4
83.3%	83.3% #8081AA	RGB 128 129 170	#8081AA
100.0%	100.0% #8C8DB1	RGB 140 141 177	#8C8DB1

#47478C #525292 #5E5E98 #696A9E #7575A4 #8081AA #8C8DB1

#47478C - #8C8DB1

HSV Blend

#47478C - #8C8DB1 | 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 #47478C as 0% and #8C8DB1 as 100%.

0.0%	0.0% #47478C	RGB 71 71 140	#47478C
16.7%	16.7% #515192	RGB 81 81 146	#515192
33.3%	33.3% #5B5C98	RGB 91 92 152	#5B5C98
50.0%	50.0% #66679E	RGB 102 103 158	#66679E
66.7%	66.7% #7273A4	RGB 114 115 164	#7273A4
83.3%	83.3% #7F80AA	RGB 127 128 170	#7F80AA
100.0%	100.0% #8C8DB1	RGB 140 141 177	#8C8DB1

#47478C #515192 #5B5C98 #66679E #7273A4 #7F80AA #8C8DB1

#47478C - #66679E - #8C8DB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47478C 0%, #66679E 50%, #8C8DB1 100%);
    background: -webkit-linear-gradient(top, #47478C 0%, #66679E 50%, #8C8DB1 100%);
    background: linear-gradient(to bottom, #47478C 0%, #66679E 50%, #8C8DB1 100%);
}
</style>