#412440 - #C8C0C8 | 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 #412440 to #C8C0C8

#412440 #C8C0C8

Calculate the color between two colors, #412440 and #C8C0C8. 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)

#412440 - #C8C0C8 | 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 #412440 as 0% and #C8C0C8 as 100%.

0.0%	0.0% #412440	RGB 65 36 64	#412440
16.7%	16.7% #573E56	RGB 87 62 86	#573E56
33.3%	33.3% #6E586D	RGB 110 88 109	#6E586D
50.0%	50.0% #847284	RGB 132 114 132	#847284
66.7%	66.7% #9B8C9A	RGB 155 140 154	#9B8C9A
83.3%	83.3% #B1A6B1	RGB 177 166 177	#B1A6B1
100.0%	100.0% #C8C0C8	RGB 200 192 200	#C8C0C8

#412440 #573E56 #6E586D #847284 #9B8C9A #B1A6B1 #C8C0C8

#412440 - #C8C0C8

HSV Blend

#412440 - #C8C0C8 | 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 #412440 as 0% and #C8C0C8 as 100%.

0.0%	0.0% #412440	RGB 65 36 64	#412440
16.7%	16.7% #573656	RGB 87 54 86	#573656
33.3%	33.3% #6E4B6D	RGB 110 75 109	#6E4B6D
50.0%	50.0% #846483	RGB 132 100 131	#846483
66.7%	66.7% #9B7F9A	RGB 155 127 154	#9B7F9A
83.3%	83.3% #B19EB1	RGB 177 158 177	#B19EB1
100.0%	100.0% #C8C0C8	RGB 200 192 200	#C8C0C8

#412440 #573656 #6E4B6D #846483 #9B7F9A #B19EB1 #C8C0C8

#412440 - #846483 - #C8C0C8

CSS codes

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

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