#541D8C - #9AB2D9 | 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 #541D8C to #9AB2D9

#541D8C #9AB2D9

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

#541D8C - #9AB2D9 | 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 #541D8C as 0% and #9AB2D9 as 100%.

0.0%	0.0% #541D8C	RGB 84 29 140	#541D8C
16.7%	16.7% #5F3598	RGB 95 53 152	#5F3598
33.3%	33.3% #6B4EA5	RGB 107 78 165	#6B4EA5
50.0%	50.0% #7767B2	RGB 119 103 178	#7767B2
66.7%	66.7% #8280BF	RGB 130 128 191	#8280BF
83.3%	83.3% #8E99CC	RGB 142 153 204	#8E99CC
100.0%	100.0% #9AB2D9	RGB 154 178 217	#9AB2D9

#541D8C #5F3598 #6B4EA5 #7767B2 #8280BF #8E99CC #9AB2D9

#541D8C - #9AB2D9

HSV Blend

#541D8C - #9AB2D9 | 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 #541D8C as 0% and #9AB2D9 as 100%.

0.0%	0.0% #531D8C	RGB 83 29 140	#531D8C
16.7%	16.7% #522C98	RGB 82 44 152	#522C98
33.3%	33.3% #533EA5	RGB 83 62 165	#533EA5
50.0%	50.0% #5751B2	RGB 87 81 178	#5751B2
66.7%	66.7% #676FBF	RGB 103 111 191	#676FBF
83.3%	83.3% #7F91CC	RGB 127 145 204	#7F91CC
100.0%	100.0% #9AB2D9	RGB 154 178 217	#9AB2D9

#531D8C #522C98 #533EA5 #5751B2 #676FBF #7F91CC #9AB2D9

#541D8C - #5751B2 - #9AB2D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #531D8C 0%, #5751B2 50%, #9AB2D9 100%);
    background: -webkit-linear-gradient(top, #531D8C 0%, #5751B2 50%, #9AB2D9 100%);
    background: linear-gradient(to bottom, #531D8C 0%, #5751B2 50%, #9AB2D9 100%);
}
</style>