#C194AB - #8F395C | 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 #C194AB to #8F395C

#C194AB #8F395C

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

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

0.0%	0.0% #C194AB	RGB 193 148 171	#C194AB
16.7%	16.7% #B8849D	RGB 184 132 157	#B8849D
33.3%	33.3% #B07590	RGB 176 117 144	#B07590
50.0%	50.0% #A86683	RGB 168 102 131	#A86683
66.7%	66.7% #9F5776	RGB 159 87 118	#9F5776
83.3%	83.3% #974869	RGB 151 72 105	#974869
100.0%	100.0% #8F395C	RGB 143 57 92	#8F395C

#C194AB #B8849D #B07590 #A86683 #9F5776 #974869 #8F395C

#C194AB - #8F395C

HSV Blend

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

0.0%	0.0% #C194AB	RGB 193 148 171	#C194AB
16.7%	16.7% #B8829D	RGB 184 130 157	#B8829D
33.3%	33.3% #B0718F	RGB 176 113 143	#B0718F
50.0%	50.0% #A86182	RGB 168 97 130	#A86182
66.7%	66.7% #9F5374	RGB 159 83 116	#9F5374
83.3%	83.3% #974568	RGB 151 69 104	#974568
100.0%	100.0% #8F395C	RGB 143 57 92	#8F395C

#C194AB #B8829D #B0718F #A86182 #9F5374 #974568 #8F395C

#C194AB - #A86182 - #8F395C

CSS codes

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

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