#C966B8 - #841A73 | 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 #C966B8 to #841A73

#C966B8 #841A73

Calculate the color between two colors, #C966B8 and #841A73. 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)

#C966B8 - #841A73 | 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 #C966B8 as 0% and #841A73 as 100%.

0.0%	0.0% #C966B8	RGB 201 102 184	#C966B8
16.7%	16.7% #BD59AC	RGB 189 89 172	#BD59AC
33.3%	33.3% #B24CA1	RGB 178 76 161	#B24CA1
50.0%	50.0% #A64095	RGB 166 64 149	#A64095
66.7%	66.7% #9B338A	RGB 155 51 138	#9B338A
83.3%	83.3% #8F267E	RGB 143 38 126	#8F267E
100.0%	100.0% #841A73	RGB 132 26 115	#841A73

#C966B8 #BD59AC #B24CA1 #A64095 #9B338A #8F267E #841A73

#C966B8 - #841A73

HSV Blend

#C966B8 - #841A73 | 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 #C966B8 as 0% and #841A73 as 100%.

0.0%	0.0% #C966B7	RGB 201 102 183	#C966B7
16.7%	16.7% #BD56AB	RGB 189 86 171	#BD56AB
33.3%	33.3% #B247A0	RGB 178 71 160	#B247A0
50.0%	50.0% #A63A94	RGB 166 58 148	#A63A94
66.7%	66.7% #9B2E89	RGB 155 46 137	#9B2E89
83.3%	83.3% #8F237E	RGB 143 35 126	#8F237E
100.0%	100.0% #841A73	RGB 132 26 115	#841A73

#C966B7 #BD56AB #B247A0 #A63A94 #9B2E89 #8F237E #841A73

#C966B8 - #A63A94 - #841A73

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C966B7 0%, #A63A94 50%, #841A73 100%);
    background: -webkit-linear-gradient(top, #C966B7 0%, #A63A94 50%, #841A73 100%);
    background: linear-gradient(to bottom, #C966B7 0%, #A63A94 50%, #841A73 100%);
}
</style>