#844F9C - #DCCCE2 | 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 #844F9C to #DCCCE2

#844F9C #DCCCE2

Calculate the color between two colors, #844F9C and #DCCCE2. 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)

#844F9C - #DCCCE2 | 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 #844F9C as 0% and #DCCCE2 as 100%.

0.0%	0.0% #844F9C	RGB 132 79 156	#844F9C
16.7%	16.7% #9263A7	RGB 146 99 167	#9263A7
33.3%	33.3% #A178B3	RGB 161 120 179	#A178B3
50.0%	50.0% #B08DBF	RGB 176 141 191	#B08DBF
66.7%	66.7% #BEA2CA	RGB 190 162 202	#BEA2CA
83.3%	83.3% #CDB7D6	RGB 205 183 214	#CDB7D6
100.0%	100.0% #DCCCE2	RGB 220 204 226	#DCCCE2

#844F9C #9263A7 #A178B3 #B08DBF #BEA2CA #CDB7D6 #DCCCE2

#844F9C - #DCCCE2

HSV Blend

#844F9C - #DCCCE2 | 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 #844F9C as 0% and #DCCCE2 as 100%.

0.0%	0.0% #844F9C	RGB 132 79 156	#844F9C
16.7%	16.7% #915FA7	RGB 145 95 167	#915FA7
33.3%	33.3% #9F72B3	RGB 159 114 179	#9F72B3
50.0%	50.0% #AE86BF	RGB 174 134 191	#AE86BF
66.7%	66.7% #BD9CCA	RGB 189 156 202	#BD9CCA
83.3%	83.3% #CCB3D6	RGB 204 179 214	#CCB3D6
100.0%	100.0% #DCCCE2	RGB 220 204 226	#DCCCE2

#844F9C #915FA7 #9F72B3 #AE86BF #BD9CCA #CCB3D6 #DCCCE2

#844F9C - #AE86BF - #DCCCE2

CSS codes

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

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