#886DAA - #DCD5E6 | 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 #886DAA to #DCD5E6

#886DAA #DCD5E6

Calculate the color between two colors, #886DAA and #DCD5E6. 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)

#886DAA - #DCD5E6 | 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 #886DAA as 0% and #DCD5E6 as 100%.

0.0%	0.0% #886DAA	RGB 136 109 170	#886DAA
16.7%	16.7% #967EB4	RGB 150 126 180	#967EB4
33.3%	33.3% #A48FBE	RGB 164 143 190	#A48FBE
50.0%	50.0% #B2A1C8	RGB 178 161 200	#B2A1C8
66.7%	66.7% #C0B2D2	RGB 192 178 210	#C0B2D2
83.3%	83.3% #CEC3DC	RGB 206 195 220	#CEC3DC
100.0%	100.0% #DCD5E6	RGB 220 213 230	#DCD5E6

#886DAA #967EB4 #A48FBE #B2A1C8 #C0B2D2 #CEC3DC #DCD5E6

#886DAA - #DCD5E6

HSV Blend

#886DAA - #DCD5E6 | 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 #886DAA as 0% and #DCD5E6 as 100%.

0.0%	0.0% #886DAA	RGB 136 109 170	#886DAA
16.7%	16.7% #947BB4	RGB 148 123 180	#947BB4
33.3%	33.3% #A18BBE	RGB 161 139 190	#A18BBE
50.0%	50.0% #AF9CC8	RGB 175 156 200	#AF9CC8
66.7%	66.7% #BDAED2	RGB 189 174 210	#BDAED2
83.3%	83.3% #CCC1DC	RGB 204 193 220	#CCC1DC
100.0%	100.0% #DCD5E6	RGB 220 213 230	#DCD5E6

#886DAA #947BB4 #A18BBE #AF9CC8 #BDAED2 #CCC1DC #DCD5E6

#886DAA - #AF9CC8 - #DCD5E6

CSS codes

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

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