#C9667C - #841A33 | 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 #C9667C to #841A33

#C9667C #841A33

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

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

0.0%	0.0% #C9667C	RGB 201 102 124	#C9667C
16.7%	16.7% #BD596F	RGB 189 89 111	#BD596F
33.3%	33.3% #B24C63	RGB 178 76 99	#B24C63
50.0%	50.0% #A64057	RGB 166 64 87	#A64057
66.7%	66.7% #9B334B	RGB 155 51 75	#9B334B
83.3%	83.3% #8F263F	RGB 143 38 63	#8F263F
100.0%	100.0% #841A33	RGB 132 26 51	#841A33

#C9667C #BD596F #B24C63 #A64057 #9B334B #8F263F #841A33

#C9667C - #841A33

HSV Blend

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

0.0%	0.0% #C9667C	RGB 201 102 124	#C9667C
16.7%	16.7% #BD566D	RGB 189 86 109	#BD566D
33.3%	33.3% #B2475F	RGB 178 71 95	#B2475F
50.0%	50.0% #A63A53	RGB 166 58 83	#A63A53
66.7%	66.7% #9B2E47	RGB 155 46 71	#9B2E47
83.3%	83.3% #8F233C	RGB 143 35 60	#8F233C
100.0%	100.0% #841A33	RGB 132 26 51	#841A33

#C9667C #BD566D #B2475F #A63A53 #9B2E47 #8F233C #841A33

#C9667C - #A63A53 - #841A33

CSS codes

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

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