#C16EB6 - #371F33 | 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 #C16EB6 to #371F33

#C16EB6 #371F33

Calculate the color between two colors, #C16EB6 and #371F33. 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)

#C16EB6 - #371F33 | 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 #C16EB6 as 0% and #371F33 as 100%.

0.0%	0.0% #C16EB6	RGB 193 110 182	#C16EB6
16.7%	16.7% #AA60A0	RGB 170 96 160	#AA60A0
33.3%	33.3% #93538A	RGB 147 83 138	#93538A
50.0%	50.0% #7C4674	RGB 124 70 116	#7C4674
66.7%	66.7% #65395E	RGB 101 57 94	#65395E
83.3%	83.3% #4E2C48	RGB 78 44 72	#4E2C48
100.0%	100.0% #371F33	RGB 55 31 51	#371F33

#C16EB6 #AA60A0 #93538A #7C4674 #65395E #4E2C48 #371F33

#C16EB6 - #371F33

HSV Blend

#C16EB6 - #371F33 | 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 #C16EB6 as 0% and #371F33 as 100%.

0.0%	0.0% #C16EB6	RGB 193 110 182	#C16EB6
16.7%	16.7% #AA609F	RGB 170 96 159	#AA609F
33.3%	33.3% #935389	RGB 147 83 137	#935389
50.0%	50.0% #7C4673	RGB 124 70 115	#7C4673
66.7%	66.7% #65395E	RGB 101 57 94	#65395E
83.3%	83.3% #4E2C48	RGB 78 44 72	#4E2C48
100.0%	100.0% #371F33	RGB 55 31 51	#371F33

#C16EB6 #AA609F #935389 #7C4673 #65395E #4E2C48 #371F33

#C16EB6 - #7C4673 - #371F33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C16EB6 0%, #7C4673 50%, #371F33 100%);
    background: -webkit-linear-gradient(top, #C16EB6 0%, #7C4673 50%, #371F33 100%);
    background: linear-gradient(to bottom, #C16EB6 0%, #7C4673 50%, #371F33 100%);
}
</style>