#C5A8D0 - #CFC1F5 | 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 #C5A8D0 to #CFC1F5

#C5A8D0 #CFC1F5

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

#C5A8D0 - #CFC1F5 | 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 #C5A8D0 as 0% and #CFC1F5 as 100%.

0.0%	0.0% #C5A8D0	RGB 197 168 208	#C5A8D0
16.7%	16.7% #C6ACD6	RGB 198 172 214	#C6ACD6
33.3%	33.3% #C8B0DC	RGB 200 176 220	#C8B0DC
50.0%	50.0% #CAB4E2	RGB 202 180 226	#CAB4E2
66.7%	66.7% #CBB8E8	RGB 203 184 232	#CBB8E8
83.3%	83.3% #CDBCEE	RGB 205 188 238	#CDBCEE
100.0%	100.0% #CFC1F5	RGB 207 193 245	#CFC1F5

#C5A8D0 #C6ACD6 #C8B0DC #CAB4E2 #CBB8E8 #CDBCEE #CFC1F5

#C5A8D0 - #CFC1F5

HSV Blend

#C5A8D0 - #CFC1F5 | 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 #C5A8D0 as 0% and #CFC1F5 as 100%.

0.0%	0.0% #C5A8D0	RGB 197 168 208	#C5A8D0
16.7%	16.7% #C7ACD6	RGB 199 172 214	#C7ACD6
33.3%	33.3% #C9B0DC	RGB 201 176 220	#C9B0DC
50.0%	50.0% #CBB4E2	RGB 203 180 226	#CBB4E2
66.7%	66.7% #CCB8E8	RGB 204 184 232	#CCB8E8
83.3%	83.3% #CEBCEE	RGB 206 188 238	#CEBCEE
100.0%	100.0% #CFC1F5	RGB 207 193 245	#CFC1F5

#C5A8D0 #C7ACD6 #C9B0DC #CBB4E2 #CCB8E8 #CEBCEE #CFC1F5

#C5A8D0 - #CBB4E2 - #CFC1F5

CSS codes

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

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