#885EB6 - #DCD1EA | 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 #885EB6 to #DCD1EA

#885EB6 #DCD1EA

Calculate the color between two colors, #885EB6 and #DCD1EA. 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)

#885EB6 - #DCD1EA | 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 #885EB6 as 0% and #DCD1EA as 100%.

0.0%	0.0% #885EB6	RGB 136 94 182	#885EB6
16.7%	16.7% #9671BE	RGB 150 113 190	#9671BE
33.3%	33.3% #A484C7	RGB 164 132 199	#A484C7
50.0%	50.0% #B297D0	RGB 178 151 208	#B297D0
66.7%	66.7% #C0AAD8	RGB 192 170 216	#C0AAD8
83.3%	83.3% #CEBDE1	RGB 206 189 225	#CEBDE1
100.0%	100.0% #DCD1EA	RGB 220 209 234	#DCD1EA

#885EB6 #9671BE #A484C7 #B297D0 #C0AAD8 #CEBDE1 #DCD1EA

#885EB6 - #DCD1EA

HSV Blend

#885EB6 - #DCD1EA | 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 #885EB6 as 0% and #DCD1EA as 100%.

0.0%	0.0% #885EB6	RGB 136 94 182	#885EB6
16.7%	16.7% #946EBE	RGB 148 110 190	#946EBE
33.3%	33.3% #A17FC7	RGB 161 127 199	#A17FC7
50.0%	50.0% #AE92D0	RGB 174 146 208	#AE92D0
66.7%	66.7% #BDA6D8	RGB 189 166 216	#BDA6D8
83.3%	83.3% #CCBBE1	RGB 204 187 225	#CCBBE1
100.0%	100.0% #DCD1EA	RGB 220 209 234	#DCD1EA

#885EB6 #946EBE #A17FC7 #AE92D0 #BDA6D8 #CCBBE1 #DCD1EA

#885EB6 - #AE92D0 - #DCD1EA

CSS codes

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

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