#D1CFE9 - #8C7DBE | 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 #D1CFE9 to #8C7DBE

#D1CFE9 #8C7DBE

Calculate the color between two colors, #D1CFE9 and #8C7DBE. 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)

#D1CFE9 - #8C7DBE | 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 #D1CFE9 as 0% and #8C7DBE as 100%.

0.0%	0.0% #D1CFE9	RGB 209 207 233	#D1CFE9
16.7%	16.7% #C5C1E1	RGB 197 193 225	#C5C1E1
33.3%	33.3% #BAB3DA	RGB 186 179 218	#BAB3DA
50.0%	50.0% #AEA6D3	RGB 174 166 211	#AEA6D3
66.7%	66.7% #A398CC	RGB 163 152 204	#A398CC
83.3%	83.3% #978AC5	RGB 151 138 197	#978AC5
100.0%	100.0% #8C7DBE	RGB 140 125 190	#8C7DBE

#D1CFE9 #C5C1E1 #BAB3DA #AEA6D3 #A398CC #978AC5 #8C7DBE

#D1CFE9 - #8C7DBE

HSV Blend

#D1CFE9 - #8C7DBE | 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 #D1CFE9 as 0% and #8C7DBE as 100%.

0.0%	0.0% #D1CFE9	RGB 209 207 233	#D1CFE9
16.7%	16.7% #C3BFE1	RGB 195 191 225	#C3BFE1
33.3%	33.3% #B6B1DA	RGB 182 177 218	#B6B1DA
50.0%	50.0% #AAA3D3	RGB 170 163 211	#AAA3D3
66.7%	66.7% #9F96CC	RGB 159 150 204	#9F96CC
83.3%	83.3% #9589C5	RGB 149 137 197	#9589C5
100.0%	100.0% #8C7DBE	RGB 140 125 190	#8C7DBE

#D1CFE9 #C3BFE1 #B6B1DA #AAA3D3 #9F96CC #9589C5 #8C7DBE

#D1CFE9 - #AAA3D3 - #8C7DBE

CSS codes

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

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