#D3C2FC - #865ACA | 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 #D3C2FC to #865ACA

#D3C2FC #865ACA

Calculate the color between two colors, #D3C2FC and #865ACA. 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)

#D3C2FC - #865ACA | 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 #D3C2FC as 0% and #865ACA as 100%.

0.0%	0.0% #D3C2FC	RGB 211 194 252	#D3C2FC
16.7%	16.7% #C6B0F3	RGB 198 176 243	#C6B0F3
33.3%	33.3% #B99FEB	RGB 185 159 235	#B99FEB
50.0%	50.0% #AC8EE3	RGB 172 142 227	#AC8EE3
66.7%	66.7% #9F7CDA	RGB 159 124 218	#9F7CDA
83.3%	83.3% #926BD2	RGB 146 107 210	#926BD2
100.0%	100.0% #865ACA	RGB 134 90 202	#865ACA

#D3C2FC #C6B0F3 #B99FEB #AC8EE3 #9F7CDA #926BD2 #865ACA

#D3C2FC - #865ACA

HSV Blend

#D3C2FC - #865ACA | 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 #D3C2FC as 0% and #865ACA as 100%.

0.0%	0.0% #D3C2FC	RGB 211 194 252	#D3C2FC
16.7%	16.7% #C3AEF3	RGB 195 174 243	#C3AEF3
33.3%	33.3% #B59BEB	RGB 181 155 235	#B59BEB
50.0%	50.0% #A889E3	RGB 168 137 227	#A889E3
66.7%	66.7% #9C79DA	RGB 156 121 218	#9C79DA
83.3%	83.3% #9069D2	RGB 144 105 210	#9069D2
100.0%	100.0% #865ACA	RGB 134 90 202	#865ACA

#D3C2FC #C3AEF3 #B59BEB #A889E3 #9C79DA #9069D2 #865ACA

#D3C2FC - #A889E3 - #865ACA

CSS codes

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

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