#D9CFE7 - #7D71B0 | 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 #D9CFE7 to #7D71B0

#D9CFE7 #7D71B0

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

#D9CFE7 - #7D71B0 | 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 #D9CFE7 as 0% and #7D71B0 as 100%.

0.0%	0.0% #D9CFE7	RGB 217 207 231	#D9CFE7
16.7%	16.7% #C9BFDD	RGB 201 191 221	#C9BFDD
33.3%	33.3% #BAAFD4	RGB 186 175 212	#BAAFD4
50.0%	50.0% #ABA0CB	RGB 171 160 203	#ABA0CB
66.7%	66.7% #9B90C2	RGB 155 144 194	#9B90C2
83.3%	83.3% #8C80B9	RGB 140 128 185	#8C80B9
100.0%	100.0% #7D71B0	RGB 125 113 176	#7D71B0

#D9CFE7 #C9BFDD #BAAFD4 #ABA0CB #9B90C2 #8C80B9 #7D71B0

#D9CFE7 - #7D71B0

HSV Blend

#D9CFE7 - #7D71B0 | 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 #D9CFE7 as 0% and #7D71B0 as 100%.

0.0%	0.0% #D9CFE7	RGB 217 207 231	#D9CFE7
16.7%	16.7% #C9BDDD	RGB 201 189 221	#C9BDDD
33.3%	33.3% #BAACD4	RGB 186 172 212	#BAACD4
50.0%	50.0% #AA9CCB	RGB 170 156 203	#AA9CCB
66.7%	66.7% #9B8DC2	RGB 155 141 194	#9B8DC2
83.3%	83.3% #8C7EB9	RGB 140 126 185	#8C7EB9
100.0%	100.0% #7D71B0	RGB 125 113 176	#7D71B0

#D9CFE7 #C9BDDD #BAACD4 #AA9CCB #9B8DC2 #8C7EB9 #7D71B0

#D9CFE7 - #AA9CCB - #7D71B0

CSS codes

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

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