#C196A8 - #8D3E59 | 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 #C196A8 to #8D3E59

#C196A8 #8D3E59

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

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

0.0%	0.0% #C196A8	RGB 193 150 168	#C196A8
16.7%	16.7% #B8879A	RGB 184 135 154	#B8879A
33.3%	33.3% #AF788D	RGB 175 120 141	#AF788D
50.0%	50.0% #A76A80	RGB 167 106 128	#A76A80
66.7%	66.7% #9E5B73	RGB 158 91 115	#9E5B73
83.3%	83.3% #954C66	RGB 149 76 102	#954C66
100.0%	100.0% #8D3E59	RGB 141 62 89	#8D3E59

#C196A8 #B8879A #AF788D #A76A80 #9E5B73 #954C66 #8D3E59

#C196A8 - #8D3E59

HSV Blend

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

0.0%	0.0% #C196A8	RGB 193 150 168	#C196A8
16.7%	16.7% #B88499	RGB 184 132 153	#B88499
33.3%	33.3% #AF748B	RGB 175 116 139	#AF748B
50.0%	50.0% #A7657E	RGB 167 101 126	#A7657E
66.7%	66.7% #9E5771	RGB 158 87 113	#9E5771
83.3%	83.3% #954A64	RGB 149 74 100	#954A64
100.0%	100.0% #8D3E59	RGB 141 62 89	#8D3E59

#C196A8 #B88499 #AF748B #A7657E #9E5771 #954A64 #8D3E59

#C196A8 - #A7657E - #8D3E59

CSS codes

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

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