#C191A8 - #372930 | 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 #C191A8 to #372930

#C191A8 #372930

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

#C191A8 - #372930 | 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 #C191A8 as 0% and #372930 as 100%.

0.0%	0.0% #C191A8	RGB 193 145 168	#C191A8
16.7%	16.7% #AA7F94	RGB 170 127 148	#AA7F94
33.3%	33.3% #936E80	RGB 147 110 128	#936E80
50.0%	50.0% #7C5D6C	RGB 124 93 108	#7C5D6C
66.7%	66.7% #654B58	RGB 101 75 88	#654B58
83.3%	83.3% #4E3A44	RGB 78 58 68	#4E3A44
100.0%	100.0% #372930	RGB 55 41 48	#372930

#C191A8 #AA7F94 #936E80 #7C5D6C #654B58 #4E3A44 #372930

#C191A8 - #372930

HSV Blend

#C191A8 - #372930 | 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 #C191A8 as 0% and #372930 as 100%.

0.0%	0.0% #C191A8	RGB 193 145 168	#C191A8
16.7%	16.7% #AA7F94	RGB 170 127 148	#AA7F94
33.3%	33.3% #936E80	RGB 147 110 128	#936E80
50.0%	50.0% #7C5C6C	RGB 124 92 108	#7C5C6C
66.7%	66.7% #654B58	RGB 101 75 88	#654B58
83.3%	83.3% #4E3A44	RGB 78 58 68	#4E3A44
100.0%	100.0% #372930	RGB 55 41 48	#372930

#C191A8 #AA7F94 #936E80 #7C5C6C #654B58 #4E3A44 #372930

#C191A8 - #7C5C6C - #372930

CSS codes

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

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