#C5A8B5 - #C7B2F2 | 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 #C5A8B5 to #C7B2F2

#C5A8B5 #C7B2F2

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

#C5A8B5 - #C7B2F2 | 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 #C5A8B5 as 0% and #C7B2F2 as 100%.

0.0%	0.0% #C5A8B5	RGB 197 168 181	#C5A8B5
16.7%	16.7% #C5A9BF	RGB 197 169 191	#C5A9BF
33.3%	33.3% #C5ABC9	RGB 197 171 201	#C5ABC9
50.0%	50.0% #C6ADD3	RGB 198 173 211	#C6ADD3
66.7%	66.7% #C6AEDD	RGB 198 174 221	#C6AEDD
83.3%	83.3% #C6B0E7	RGB 198 176 231	#C6B0E7
100.0%	100.0% #C7B2F2	RGB 199 178 242	#C7B2F2

#C5A8B5 #C5A9BF #C5ABC9 #C6ADD3 #C6AEDD #C6B0E7 #C7B2F2

#C5A8B5 - #C7B2F2

HSV Blend

#C5A8B5 - #C7B2F2 | 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 #C5A8B5 as 0% and #C7B2F2 as 100%.

0.0%	0.0% #C5A8B5	RGB 197 168 181	#C5A8B5
16.7%	16.7% #CCAAC0	RGB 204 170 192	#CCAAC0
33.3%	33.3% #D4ACCE	RGB 212 172 206	#D4ACCE
50.0%	50.0% #D8AEDB	RGB 216 174 219	#D8AEDB
66.7%	66.7% #D5AFE3	RGB 213 175 227	#D5AFE3
83.3%	83.3% #CFB1EA	RGB 207 177 234	#CFB1EA
100.0%	100.0% #C7B2F2	RGB 199 178 242	#C7B2F2

#C5A8B5 #CCAAC0 #D4ACCE #D8AEDB #D5AFE3 #CFB1EA #C7B2F2

#C5A8B5 - #D8AEDB - #C7B2F2

CSS codes

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

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