#C07AB3 - #8F1763 | 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 #C07AB3 to #8F1763

#C07AB3 #8F1763

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

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

0.0%	0.0% #C07AB3	RGB 192 122 179	#C07AB3
16.7%	16.7% #B769A5	RGB 183 105 165	#B769A5
33.3%	33.3% #AF5998	RGB 175 89 152	#AF5998
50.0%	50.0% #A7488B	RGB 167 72 139	#A7488B
66.7%	66.7% #9F387D	RGB 159 56 125	#9F387D
83.3%	83.3% #972770	RGB 151 39 112	#972770
100.0%	100.0% #8F1763	RGB 143 23 99	#8F1763

#C07AB3 #B769A5 #AF5998 #A7488B #9F387D #972770 #8F1763

#C07AB3 - #8F1763

HSV Blend

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

0.0%	0.0% #C07AB2	RGB 192 122 178	#C07AB2
16.7%	16.7% #B766A6	RGB 183 102 166	#B766A6
33.3%	33.3% #AF5399	RGB 175 83 153	#AF5399
50.0%	50.0% #A7428B	RGB 167 66 139	#A7428B
66.7%	66.7% #9F327E	RGB 159 50 126	#9F327E
83.3%	83.3% #972470	RGB 151 36 112	#972470
100.0%	100.0% #8F1763	RGB 143 23 99	#8F1763

#C07AB2 #B766A6 #AF5399 #A7428B #9F327E #972470 #8F1763

#C07AB3 - #A7428B - #8F1763

CSS codes

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

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