#C7ABFF - #D0CDF1 | 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 #C7ABFF to #D0CDF1

#C7ABFF #D0CDF1

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

#C7ABFF - #D0CDF1 | 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 #C7ABFF as 0% and #D0CDF1 as 100%.

0.0%	0.0% #C7ABFF	RGB 199 171 255	#C7ABFF
16.7%	16.7% #C8B0FC	RGB 200 176 252	#C8B0FC
33.3%	33.3% #CAB6FA	RGB 202 182 250	#CAB6FA
50.0%	50.0% #CBBCF8	RGB 203 188 248	#CBBCF8
66.7%	66.7% #CDC1F5	RGB 205 193 245	#CDC1F5
83.3%	83.3% #CEC7F3	RGB 206 199 243	#CEC7F3
100.0%	100.0% #D0CDF1	RGB 208 205 241	#D0CDF1

#C7ABFF #C8B0FC #CAB6FA #CBBCF8 #CDC1F5 #CEC7F3 #D0CDF1

#C7ABFF - #D0CDF1

HSV Blend

#C7ABFF - #D0CDF1 | 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 #C7ABFF as 0% and #D0CDF1 as 100%.

0.0%	0.0% #C7ABFF	RGB 199 171 255	#C7ABFF
16.7%	16.7% #C7B1FC	RGB 199 177 252	#C7B1FC
33.3%	33.3% #C7B6FA	RGB 199 182 250	#C7B6FA
50.0%	50.0% #C8BCF8	RGB 200 188 248	#C8BCF8
66.7%	66.7% #CAC2F5	RGB 202 194 245	#CAC2F5
83.3%	83.3% #CDC7F3	RGB 205 199 243	#CDC7F3
100.0%	100.0% #D0CDF1	RGB 208 205 241	#D0CDF1

#C7ABFF #C7B1FC #C7B6FA #C8BCF8 #CAC2F5 #CDC7F3 #D0CDF1

#C7ABFF - #C8BCF8 - #D0CDF1

CSS codes

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

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