#C076B2 - #8D1362 | 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 #C076B2 to #8D1362

#C076B2 #8D1362

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

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

0.0%	0.0% #C076B2	RGB 192 118 178	#C076B2
16.7%	16.7% #B765A4	RGB 183 101 164	#B765A4
33.3%	33.3% #AF5597	RGB 175 85 151	#AF5597
50.0%	50.0% #A6448A	RGB 166 68 138	#A6448A
66.7%	66.7% #9E347C	RGB 158 52 124	#9E347C
83.3%	83.3% #95236F	RGB 149 35 111	#95236F
100.0%	100.0% #8D1362	RGB 141 19 98	#8D1362

#C076B2 #B765A4 #AF5597 #A6448A #9E347C #95236F #8D1362

#C076B2 - #8D1362

HSV Blend

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

0.0%	0.0% #C076B2	RGB 192 118 178	#C076B2
16.7%	16.7% #B762A5	RGB 183 98 165	#B762A5
33.3%	33.3% #AF4F97	RGB 175 79 151	#AF4F97
50.0%	50.0% #A63E8A	RGB 166 62 138	#A63E8A
66.7%	66.7% #9E2E7C	RGB 158 46 124	#9E2E7C
83.3%	83.3% #95206F	RGB 149 32 111	#95206F
100.0%	100.0% #8D1362	RGB 141 19 98	#8D1362

#C076B2 #B762A5 #AF4F97 #A63E8A #9E2E7C #95206F #8D1362

#C076B2 - #A63E8A - #8D1362

CSS codes

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

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