#C561DF - #5E009B | 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 #C561DF to #5E009B

#C561DF #5E009B

Calculate the color between two colors, #C561DF and #5E009B. 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)

#C561DF - #5E009B | 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 #C561DF as 0% and #5E009B as 100%.

0.0%	0.0% #C561DF	RGB 197 97 223	#C561DF
16.7%	16.7% #B350D3	RGB 179 80 211	#B350D3
33.3%	33.3% #A240C8	RGB 162 64 200	#A240C8
50.0%	50.0% #9130BD	RGB 145 48 189	#9130BD
66.7%	66.7% #8020B1	RGB 128 32 177	#8020B1
83.3%	83.3% #6F10A6	RGB 111 16 166	#6F10A6
100.0%	100.0% #5E009B	RGB 94 0 155	#5E009B

#C561DF #B350D3 #A240C8 #9130BD #8020B1 #6F10A6 #5E009B

#C561DF - #5E009B

HSV Blend

#C561DF - #5E009B | 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 #C561DF as 0% and #5E009B as 100%.

0.0%	0.0% #C561DF	RGB 197 97 223	#C561DF
16.7%	16.7% #B34CD3	RGB 179 76 211	#B34CD3
33.3%	33.3% #A23AC8	RGB 162 58 200	#A23AC8
50.0%	50.0% #9029BD	RGB 144 41 189	#9029BD
66.7%	66.7% #7F19B1	RGB 127 25 177	#7F19B1
83.3%	83.3% #6E0CA6	RGB 110 12 166	#6E0CA6
100.0%	100.0% #5E009B	RGB 94 0 155	#5E009B

#C561DF #B34CD3 #A23AC8 #9029BD #7F19B1 #6E0CA6 #5E009B

#C561DF - #9029BD - #5E009B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C561DF 0%, #9029BD 50%, #5E009B 100%);
    background: -webkit-linear-gradient(top, #C561DF 0%, #9029BD 50%, #5E009B 100%);
    background: linear-gradient(to bottom, #C561DF 0%, #9029BD 50%, #5E009B 100%);
}
</style>