#C378A8 - #8D1A58 | 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 #C378A8 to #8D1A58

#C378A8 #8D1A58

Calculate the color between two colors, #C378A8 and #8D1A58. 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)

#C378A8 - #8D1A58 | 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 #C378A8 as 0% and #8D1A58 as 100%.

0.0%	0.0% #C378A8	RGB 195 120 168	#C378A8
16.7%	16.7% #BA689A	RGB 186 104 154	#BA689A
33.3%	33.3% #B1588D	RGB 177 88 141	#B1588D
50.0%	50.0% #A84980	RGB 168 73 128	#A84980
66.7%	66.7% #9F3972	RGB 159 57 114	#9F3972
83.3%	83.3% #962965	RGB 150 41 101	#962965
100.0%	100.0% #8D1A58	RGB 141 26 88	#8D1A58

#C378A8 #BA689A #B1588D #A84980 #9F3972 #962965 #8D1A58

#C378A8 - #8D1A58

HSV Blend

#C378A8 - #8D1A58 | 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 #C378A8 as 0% and #8D1A58 as 100%.

0.0%	0.0% #C378A7	RGB 195 120 167	#C378A7
16.7%	16.7% #BA659A	RGB 186 101 154	#BA659A
33.3%	33.3% #B1538C	RGB 177 83 140	#B1538C
50.0%	50.0% #A8437E	RGB 168 67 126	#A8437E
66.7%	66.7% #9F3471	RGB 159 52 113	#9F3471
83.3%	83.3% #962664	RGB 150 38 100	#962664
100.0%	100.0% #8D1A58	RGB 141 26 88	#8D1A58

#C378A7 #BA659A #B1538C #A8437E #9F3471 #962664 #8D1A58

#C378A8 - #A8437E - #8D1A58

CSS codes

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

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