#C5A8C5 - #B2BFF2 | 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 #C5A8C5 to #B2BFF2

#C5A8C5 #B2BFF2

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

#C5A8C5 - #B2BFF2 | 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 #C5A8C5 as 0% and #B2BFF2 as 100%.

0.0%	0.0% #C5A8C5	RGB 197 168 197	#C5A8C5
16.7%	16.7% #C1ABCC	RGB 193 171 204	#C1ABCC
33.3%	33.3% #BEAFD4	RGB 190 175 212	#BEAFD4
50.0%	50.0% #BBB3DB	RGB 187 179 219	#BBB3DB
66.7%	66.7% #B8B7E3	RGB 184 183 227	#B8B7E3
83.3%	83.3% #B5BBEA	RGB 181 187 234	#B5BBEA
100.0%	100.0% #B2BFF2	RGB 178 191 242	#B2BFF2

#C5A8C5 #C1ABCC #BEAFD4 #BBB3DB #B8B7E3 #B5BBEA #B2BFF2

#C5A8C5 - #B2BFF2

HSV Blend

#C5A8C5 - #B2BFF2 | 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 #C5A8C5 as 0% and #B2BFF2 as 100%.

0.0%	0.0% #C5A8C5	RGB 197 168 197	#C5A8C5
16.7%	16.7% #C5AACC	RGB 197 170 204	#C5AACC
33.3%	33.3% #C4ACD4	RGB 196 172 212	#C4ACD4
50.0%	50.0% #C0AEDB	RGB 192 174 219	#C0AEDB
66.7%	66.7% #B9AFE3	RGB 185 175 227	#B9AFE3
83.3%	83.3% #B1B1EA	RGB 177 177 234	#B1B1EA
100.0%	100.0% #B2BFF2	RGB 178 191 242	#B2BFF2

#C5A8C5 #C5AACC #C4ACD4 #C0AEDB #B9AFE3 #B1B1EA #B2BFF2

#C5A8C5 - #C0AEDB - #B2BFF2

CSS codes

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

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