#865DA7 - #DBD0E5 | 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 #865DA7 to #DBD0E5

#865DA7 #DBD0E5

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

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

0.0%	0.0% #865DA7	RGB 134 93 167	#865DA7
16.7%	16.7% #9470B1	RGB 148 112 177	#9470B1
33.3%	33.3% #A283BB	RGB 162 131 187	#A283BB
50.0%	50.0% #B096C6	RGB 176 150 198	#B096C6
66.7%	66.7% #BEA9D0	RGB 190 169 208	#BEA9D0
83.3%	83.3% #CCBCDA	RGB 204 188 218	#CCBCDA
100.0%	100.0% #DBD0E5	RGB 219 208 229	#DBD0E5

#865DA7 #9470B1 #A283BB #B096C6 #BEA9D0 #CCBCDA #DBD0E5

#865DA7 - #DBD0E5

HSV Blend

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

0.0%	0.0% #865DA7	RGB 134 93 167	#865DA7
16.7%	16.7% #926DB1	RGB 146 109 177	#926DB1
33.3%	33.3% #9F7EBB	RGB 159 126 187	#9F7EBB
50.0%	50.0% #AD91C6	RGB 173 145 198	#AD91C6
66.7%	66.7% #BCA4D0	RGB 188 164 208	#BCA4D0
83.3%	83.3% #CBB9DA	RGB 203 185 218	#CBB9DA
100.0%	100.0% #DBD0E5	RGB 219 208 229	#DBD0E5

#865DA7 #926DB1 #9F7EBB #AD91C6 #BCA4D0 #CBB9DA #DBD0E5

#865DA7 - #AD91C6 - #DBD0E5

CSS codes

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

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