#D8CADD - #856BA2 | 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 #D8CADD to #856BA2

#D8CADD #856BA2

Calculate the color between two colors, #D8CADD and #856BA2. 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)

#D8CADD - #856BA2 | 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 #D8CADD as 0% and #856BA2 as 100%.

0.0%	0.0% #D8CADD	RGB 216 202 221	#D8CADD
16.7%	16.7% #CABAD3	RGB 202 186 211	#CABAD3
33.3%	33.3% #BCAAC9	RGB 188 170 201	#BCAAC9
50.0%	50.0% #AE9ABF	RGB 174 154 191	#AE9ABF
66.7%	66.7% #A08AB5	RGB 160 138 181	#A08AB5
83.3%	83.3% #927AAB	RGB 146 122 171	#927AAB
100.0%	100.0% #856BA2	RGB 133 107 162	#856BA2

#D8CADD #CABAD3 #BCAAC9 #AE9ABF #A08AB5 #927AAB #856BA2

#D8CADD - #856BA2

HSV Blend

#D8CADD - #856BA2 | 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 #D8CADD as 0% and #856BA2 as 100%.

0.0%	0.0% #D8CADD	RGB 216 202 221	#D8CADD
16.7%	16.7% #CAB8D3	RGB 202 184 211	#CAB8D3
33.3%	33.3% #BDA7C9	RGB 189 167 201	#BDA7C9
50.0%	50.0% #AF96BF	RGB 175 150 191	#AF96BF
66.7%	66.7% #A187B5	RGB 161 135 181	#A187B5
83.3%	83.3% #9378AB	RGB 147 120 171	#9378AB
100.0%	100.0% #856BA2	RGB 133 107 162	#856BA2

#D8CADD #CAB8D3 #BDA7C9 #AF96BF #A187B5 #9378AB #856BA2

#D8CADD - #AF96BF - #856BA2

CSS codes

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

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