#A860C0 - #E6D1ED | 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 #A860C0 to #E6D1ED

#A860C0 #E6D1ED

Calculate the color between two colors, #A860C0 and #E6D1ED. 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)

#A860C0 - #E6D1ED | 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 #A860C0 as 0% and #E6D1ED as 100%.

0.0%	0.0% #A860C0	RGB 168 96 192	#A860C0
16.7%	16.7% #B272C7	RGB 178 114 199	#B272C7
33.3%	33.3% #BC85CF	RGB 188 133 207	#BC85CF
50.0%	50.0% #C798D6	RGB 199 152 214	#C798D6
66.7%	66.7% #D1ABDE	RGB 209 171 222	#D1ABDE
83.3%	83.3% #DBBEE5	RGB 219 190 229	#DBBEE5
100.0%	100.0% #E6D1ED	RGB 230 209 237	#E6D1ED

#A860C0 #B272C7 #BC85CF #C798D6 #D1ABDE #DBBEE5 #E6D1ED

#A860C0 - #E6D1ED

HSV Blend

#A860C0 - #E6D1ED | 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 #A860C0 as 0% and #E6D1ED as 100%.

0.0%	0.0% #A760C0	RGB 167 96 192	#A760C0
16.7%	16.7% #B170C7	RGB 177 112 199	#B170C7
33.3%	33.3% #BB81CF	RGB 187 129 207	#BB81CF
50.0%	50.0% #C594D6	RGB 197 148 214	#C594D6
66.7%	66.7% #D0A7DE	RGB 208 167 222	#D0A7DE
83.3%	83.3% #DBBBE5	RGB 219 187 229	#DBBBE5
100.0%	100.0% #E6D1ED	RGB 230 209 237	#E6D1ED

#A760C0 #B170C7 #BB81CF #C594D6 #D0A7DE #DBBBE5 #E6D1ED

#A860C0 - #C594D6 - #E6D1ED

CSS codes

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

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