#201576 - #855FAD | 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 #201576 to #855FAD

#201576 #855FAD

Calculate the color between two colors, #201576 and #855FAD. 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)

#201576 - #855FAD | 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 #201576 as 0% and #855FAD as 100%.

0.0%	0.0% #201576	RGB 32 21 118	#201576
16.7%	16.7% #30217F	RGB 48 33 127	#30217F
33.3%	33.3% #412D88	RGB 65 45 136	#412D88
50.0%	50.0% #523A91	RGB 82 58 145	#523A91
66.7%	66.7% #63469A	RGB 99 70 154	#63469A
83.3%	83.3% #7452A3	RGB 116 82 163	#7452A3
100.0%	100.0% #855FAD	RGB 133 95 173	#855FAD

#201576 #30217F #412D88 #523A91 #63469A #7452A3 #855FAD

#201576 - #855FAD

HSV Blend

#201576 - #855FAD | 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 #201576 as 0% and #855FAD as 100%.

0.0%	0.0% #201576	RGB 32 21 118	#201576
16.7%	16.7% #2F1E7F	RGB 47 30 127	#2F1E7F
33.3%	33.3% #3F2988	RGB 63 41 136	#3F2988
50.0%	50.0% #503491	RGB 80 52 145	#503491
66.7%	66.7% #62419A	RGB 98 65 154	#62419A
83.3%	83.3% #734FA3	RGB 115 79 163	#734FA3
100.0%	100.0% #855FAD	RGB 133 95 173	#855FAD

#201576 #2F1E7F #3F2988 #503491 #62419A #734FA3 #855FAD

#201576 - #503491 - #855FAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201576 0%, #503491 50%, #855FAD 100%);
    background: -webkit-linear-gradient(top, #201576 0%, #503491 50%, #855FAD 100%);
    background: linear-gradient(to bottom, #201576 0%, #503491 50%, #855FAD 100%);
}
</style>