#D4BFE8 - #865EAC | 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 #D4BFE8 to #865EAC

#D4BFE8 #865EAC

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

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

0.0%	0.0% #D4BFE8	RGB 212 191 232	#D4BFE8
16.7%	16.7% #C7AEDE	RGB 199 174 222	#C7AEDE
33.3%	33.3% #BA9ED4	RGB 186 158 212	#BA9ED4
50.0%	50.0% #AD8ECA	RGB 173 142 202	#AD8ECA
66.7%	66.7% #A07EC0	RGB 160 126 192	#A07EC0
83.3%	83.3% #936EB6	RGB 147 110 182	#936EB6
100.0%	100.0% #865EAC	RGB 134 94 172	#865EAC

#D4BFE8 #C7AEDE #BA9ED4 #AD8ECA #A07EC0 #936EB6 #865EAC

#D4BFE8 - #865EAC

HSV Blend

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

0.0%	0.0% #D4BFE8	RGB 212 191 232	#D4BFE8
16.7%	16.7% #C5ACDE	RGB 197 172 222	#C5ACDE
33.3%	33.3% #B89AD4	RGB 184 154 212	#B89AD4
50.0%	50.0% #AA8ACA	RGB 170 138 202	#AA8ACA
66.7%	66.7% #9E7AC0	RGB 158 122 192	#9E7AC0
83.3%	83.3% #916BB6	RGB 145 107 182	#916BB6
100.0%	100.0% #865EAC	RGB 134 94 172	#865EAC

#D4BFE8 #C5ACDE #B89AD4 #AA8ACA #9E7AC0 #916BB6 #865EAC

#D4BFE8 - #AA8ACA - #865EAC

CSS codes

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

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