#310040 - #C4B6C8 | 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 #310040 to #C4B6C8

#310040 #C4B6C8

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

#310040 - #C4B6C8 | 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 #310040 as 0% and #C4B6C8 as 100%.

0.0%	0.0% #310040	RGB 49 0 64	#310040
16.7%	16.7% #491E56	RGB 73 30 86	#491E56
33.3%	33.3% #623C6D	RGB 98 60 109	#623C6D
50.0%	50.0% #7A5B84	RGB 122 91 132	#7A5B84
66.7%	66.7% #93799A	RGB 147 121 154	#93799A
83.3%	83.3% #AB97B1	RGB 171 151 177	#AB97B1
100.0%	100.0% #C4B6C8	RGB 196 182 200	#C4B6C8

#310040 #491E56 #623C6D #7A5B84 #93799A #AB97B1 #C4B6C8

#310040 - #C4B6C8

HSV Blend

#310040 - #C4B6C8 | 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 #310040 as 0% and #C4B6C8 as 100%.

0.0%	0.0% #300040	RGB 48 0 64	#300040
16.7%	16.7% #450D56	RGB 69 13 86	#450D56
33.3%	33.3% #5B216D	RGB 91 33 109	#5B216D
50.0%	50.0% #733C84	RGB 115 60 132	#733C84
66.7%	66.7% #8C5D9A	RGB 140 93 154	#8C5D9A
83.3%	83.3% #A786B1	RGB 167 134 177	#A786B1
100.0%	100.0% #C4B6C8	RGB 196 182 200	#C4B6C8

#300040 #450D56 #5B216D #733C84 #8C5D9A #A786B1 #C4B6C8

#310040 - #733C84 - #C4B6C8

CSS codes

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

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