#CC7BAB - #AA2B72 | 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 #CC7BAB to #AA2B72

#CC7BAB #AA2B72

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

#CC7BAB - #AA2B72 | 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 #CC7BAB as 0% and #AA2B72 as 100%.

0.0%	0.0% #CC7BAB	RGB 204 123 171	#CC7BAB
16.7%	16.7% #C66DA1	RGB 198 109 161	#C66DA1
33.3%	33.3% #C06098	RGB 192 96 152	#C06098
50.0%	50.0% #BB538E	RGB 187 83 142	#BB538E
66.7%	66.7% #B54585	RGB 181 69 133	#B54585
83.3%	83.3% #AF387B	RGB 175 56 123	#AF387B
100.0%	100.0% #AA2B72	RGB 170 43 114	#AA2B72

#CC7BAB #C66DA1 #C06098 #BB538E #B54585 #AF387B #AA2B72

#CC7BAB - #AA2B72

HSV Blend

#CC7BAB - #AA2B72 | 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 #CC7BAB as 0% and #AA2B72 as 100%.

0.0%	0.0% #CC7BAB	RGB 204 123 171	#CC7BAB
16.7%	16.7% #C66CA1	RGB 198 108 161	#C66CA1
33.3%	33.3% #C05D97	RGB 192 93 151	#C05D97
50.0%	50.0% #BB508D	RGB 187 80 141	#BB508D
66.7%	66.7% #B54384	RGB 181 67 132	#B54384
83.3%	83.3% #AF367A	RGB 175 54 122	#AF367A
100.0%	100.0% #AA2B72	RGB 170 43 114	#AA2B72

#CC7BAB #C66CA1 #C05D97 #BB508D #B54384 #AF367A #AA2B72

#CC7BAB - #BB508D - #AA2B72

CSS codes

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

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