#CC8AA1 - #AD3763 | 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 #CC8AA1 to #AD3763

#CC8AA1 #AD3763

Calculate the color between two colors, #CC8AA1 and #AD3763. 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)

#CC8AA1 - #AD3763 | 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 #CC8AA1 as 0% and #AD3763 as 100%.

0.0%	0.0% #CC8AA1	RGB 204 138 161	#CC8AA1
16.7%	16.7% #C67C96	RGB 198 124 150	#C67C96
33.3%	33.3% #C16E8C	RGB 193 110 140	#C16E8C
50.0%	50.0% #BC6082	RGB 188 96 130	#BC6082
66.7%	66.7% #B75277	RGB 183 82 119	#B75277
83.3%	83.3% #B2446D	RGB 178 68 109	#B2446D
100.0%	100.0% #AD3763	RGB 173 55 99	#AD3763

#CC8AA1 #C67C96 #C16E8C #BC6082 #B75277 #B2446D #AD3763

#CC8AA1 - #AD3763

HSV Blend

#CC8AA1 - #AD3763 | 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 #CC8AA1 as 0% and #AD3763 as 100%.

0.0%	0.0% #CC8AA1	RGB 204 138 161	#CC8AA1
16.7%	16.7% #C67A95	RGB 198 122 149	#C67A95
33.3%	33.3% #C16B8A	RGB 193 107 138	#C16B8A
50.0%	50.0% #BC5D7F	RGB 188 93 127	#BC5D7F
66.7%	66.7% #B75075	RGB 183 80 117	#B75075
83.3%	83.3% #B2436C	RGB 178 67 108	#B2436C
100.0%	100.0% #AD3763	RGB 173 55 99	#AD3763

#CC8AA1 #C67A95 #C16B8A #BC5D7F #B75075 #B2436C #AD3763

#CC8AA1 - #BC5D7F - #AD3763

CSS codes

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

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