#C194AC - #8F395D | 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 #C194AC to #8F395D

#C194AC #8F395D

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

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

0.0%	0.0% #C194AC	RGB 193 148 172	#C194AC
16.7%	16.7% #B8849E	RGB 184 132 158	#B8849E
33.3%	33.3% #B07591	RGB 176 117 145	#B07591
50.0%	50.0% #A86684	RGB 168 102 132	#A86684
66.7%	66.7% #9F5777	RGB 159 87 119	#9F5777
83.3%	83.3% #97486A	RGB 151 72 106	#97486A
100.0%	100.0% #8F395D	RGB 143 57 93	#8F395D

#C194AC #B8849E #B07591 #A86684 #9F5777 #97486A #8F395D

#C194AC - #8F395D

HSV Blend

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

0.0%	0.0% #C194AC	RGB 193 148 172	#C194AC
16.7%	16.7% #B8829E	RGB 184 130 158	#B8829E
33.3%	33.3% #B07190	RGB 176 113 144	#B07190
50.0%	50.0% #A86183	RGB 168 97 131	#A86183
66.7%	66.7% #9F5376	RGB 159 83 118	#9F5376
83.3%	83.3% #974569	RGB 151 69 105	#974569
100.0%	100.0% #8F395D	RGB 143 57 93	#8F395D

#C194AC #B8829E #B07190 #A86183 #9F5376 #974569 #8F395D

#C194AC - #A86183 - #8F395D

CSS codes

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

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