#C2B5BC - #AA6184 | 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 #C2B5BC to #AA6184

#C2B5BC #AA6184

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

#C2B5BC - #AA6184 | 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 #C2B5BC as 0% and #AA6184 as 100%.

0.0%	0.0% #C2B5BC	RGB 194 181 188	#C2B5BC
16.7%	16.7% #BEA7B2	RGB 190 167 178	#BEA7B2
33.3%	33.3% #BA99A9	RGB 186 153 169	#BA99A9
50.0%	50.0% #B68BA0	RGB 182 139 160	#B68BA0
66.7%	66.7% #B27D96	RGB 178 125 150	#B27D96
83.3%	83.3% #AE6F8D	RGB 174 111 141	#AE6F8D
100.0%	100.0% #AA6184	RGB 170 97 132	#AA6184

#C2B5BC #BEA7B2 #BA99A9 #B68BA0 #B27D96 #AE6F8D #AA6184

#C2B5BC - #AA6184

HSV Blend

#C2B5BC - #AA6184 | 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 #C2B5BC as 0% and #AA6184 as 100%.

0.0%	0.0% #C2B5BC	RGB 194 181 188	#C2B5BC
16.7%	16.7% #BEA5B2	RGB 190 165 178	#BEA5B2
33.3%	33.3% #BA97A9	RGB 186 151 169	#BA97A9
50.0%	50.0% #B6889F	RGB 182 136 159	#B6889F
66.7%	66.7% #B27B96	RGB 178 123 150	#B27B96
83.3%	83.3% #AE6D8D	RGB 174 109 141	#AE6D8D
100.0%	100.0% #AA6184	RGB 170 97 132	#AA6184

#C2B5BC #BEA5B2 #BA97A9 #B6889F #B27B96 #AE6D8D #AA6184

#C2B5BC - #B6889F - #AA6184

CSS codes

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

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