#D1CFF7 - #876CD1 | 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 #D1CFF7 to #876CD1

#D1CFF7 #876CD1

Calculate the color between two colors, #D1CFF7 and #876CD1. 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)

#D1CFF7 - #876CD1 | 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 #D1CFF7 as 0% and #876CD1 as 100%.

0.0%	0.0% #D1CFF7	RGB 209 207 247	#D1CFF7
16.7%	16.7% #C4BEF0	RGB 196 190 240	#C4BEF0
33.3%	33.3% #B8AEEA	RGB 184 174 234	#B8AEEA
50.0%	50.0% #AC9DE4	RGB 172 157 228	#AC9DE4
66.7%	66.7% #9F8DDD	RGB 159 141 221	#9F8DDD
83.3%	83.3% #937CD7	RGB 147 124 215	#937CD7
100.0%	100.0% #876CD1	RGB 135 108 209	#876CD1

#D1CFF7 #C4BEF0 #B8AEEA #AC9DE4 #9F8DDD #937CD7 #876CD1

#D1CFF7 - #876CD1

HSV Blend

#D1CFF7 - #876CD1 | 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 #D1CFF7 as 0% and #876CD1 as 100%.

0.0%	0.0% #D1CFF7	RGB 209 207 247	#D1CFF7
16.7%	16.7% #C1BCF0	RGB 193 188 240	#C1BCF0
33.3%	33.3% #B3ABEA	RGB 179 171 234	#B3ABEA
50.0%	50.0% #A69AE4	RGB 166 154 228	#A69AE4
66.7%	66.7% #9A8ADD	RGB 154 138 221	#9A8ADD
83.3%	83.3% #907AD7	RGB 144 122 215	#907AD7
100.0%	100.0% #876CD1	RGB 135 108 209	#876CD1

#D1CFF7 #C1BCF0 #B3ABEA #A69AE4 #9A8ADD #907AD7 #876CD1

#D1CFF7 - #A69AE4 - #876CD1

CSS codes

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

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