#C192AB - #8F375C | 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 #C192AB to #8F375C

#C192AB #8F375C

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

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

0.0%	0.0% #C192AB	RGB 193 146 171	#C192AB
16.7%	16.7% #B8829D	RGB 184 130 157	#B8829D
33.3%	33.3% #B07390	RGB 176 115 144	#B07390
50.0%	50.0% #A86483	RGB 168 100 131	#A86483
66.7%	66.7% #9F5576	RGB 159 85 118	#9F5576
83.3%	83.3% #974669	RGB 151 70 105	#974669
100.0%	100.0% #8F375C	RGB 143 55 92	#8F375C

#C192AB #B8829D #B07390 #A86483 #9F5576 #974669 #8F375C

#C192AB - #8F375C

HSV Blend

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

0.0%	0.0% #C192AB	RGB 193 146 171	#C192AB
16.7%	16.7% #B8809D	RGB 184 128 157	#B8809D
33.3%	33.3% #B06F8F	RGB 176 111 143	#B06F8F
50.0%	50.0% #A85F82	RGB 168 95 130	#A85F82
66.7%	66.7% #9F5175	RGB 159 81 117	#9F5175
83.3%	83.3% #974368	RGB 151 67 104	#974368
100.0%	100.0% #8F375C	RGB 143 55 92	#8F375C

#C192AB #B8809D #B06F8F #A85F82 #9F5175 #974368 #8F375C

#C192AB - #A85F82 - #8F375C

CSS codes

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

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