#C4ABFB - #CDD4FD | 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 #C4ABFB to #CDD4FD

#C4ABFB #CDD4FD

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

#C4ABFB - #CDD4FD | 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 #C4ABFB as 0% and #CDD4FD as 100%.

0.0%	0.0% #C4ABFB	RGB 196 171 251	#C4ABFB
16.7%	16.7% #C5B1FB	RGB 197 177 251	#C5B1FB
33.3%	33.3% #C7B8FB	RGB 199 184 251	#C7B8FB
50.0%	50.0% #C8BFFC	RGB 200 191 252	#C8BFFC
66.7%	66.7% #CAC6FC	RGB 202 198 252	#CAC6FC
83.3%	83.3% #CBCDFC	RGB 203 205 252	#CBCDFC
100.0%	100.0% #CDD4FD	RGB 205 212 253	#CDD4FD

#C4ABFB #C5B1FB #C7B8FB #C8BFFC #CAC6FC #CBCDFC #CDD4FD

#C4ABFB - #CDD4FD

HSV Blend

#C4ABFB - #CDD4FD | 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 #C4ABFB as 0% and #CDD4FD as 100%.

0.0%	0.0% #C4ABFB	RGB 196 171 251	#C4ABFB
16.7%	16.7% #C2B0FB	RGB 194 176 251	#C2B0FB
33.3%	33.3% #C1B6FB	RGB 193 182 251	#C1B6FB
50.0%	50.0% #C1BBFC	RGB 193 187 252	#C1BBFC
66.7%	66.7% #C2C1FC	RGB 194 193 252	#C2C1FC
83.3%	83.3% #C7CBFC	RGB 199 203 252	#C7CBFC
100.0%	100.0% #CDD4FD	RGB 205 212 253	#CDD4FD

#C4ABFB #C2B0FB #C1B6FB #C1BBFC #C2C1FC #C7CBFC #CDD4FD

#C4ABFB - #C1BBFC - #CDD4FD

CSS codes

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

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