#C95BA1 - #39192E | 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 #C95BA1 to #39192E

#C95BA1 #39192E

Calculate the color between two colors, #C95BA1 and #39192E. 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)

#C95BA1 - #39192E | 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 #C95BA1 as 0% and #39192E as 100%.

0.0%	0.0% #C95BA1	RGB 201 91 161	#C95BA1
16.7%	16.7% #B1508D	RGB 177 80 141	#B1508D
33.3%	33.3% #99457A	RGB 153 69 122	#99457A
50.0%	50.0% #813A67	RGB 129 58 103	#813A67
66.7%	66.7% #692F54	RGB 105 47 84	#692F54
83.3%	83.3% #512441	RGB 81 36 65	#512441
100.0%	100.0% #39192E	RGB 57 25 46	#39192E

#C95BA1 #B1508D #99457A #813A67 #692F54 #512441 #39192E

#C95BA1 - #39192E

HSV Blend

#C95BA1 - #39192E | 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 #C95BA1 as 0% and #39192E as 100%.

0.0%	0.0% #C95AA1	RGB 201 90 161	#C95AA1
16.7%	16.7% #B14F8D	RGB 177 79 141	#B14F8D
33.3%	33.3% #99447A	RGB 153 68 122	#99447A
50.0%	50.0% #813967	RGB 129 57 103	#813967
66.7%	66.7% #692E54	RGB 105 46 84	#692E54
83.3%	83.3% #512341	RGB 81 35 65	#512341
100.0%	100.0% #39192E	RGB 57 25 46	#39192E

#C95AA1 #B14F8D #99447A #813967 #692E54 #512341 #39192E

#C95BA1 - #813967 - #39192E

CSS codes

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

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