#894D9F - #DDCCE3 | 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 #894D9F to #DDCCE3

#894D9F #DDCCE3

Calculate the color between two colors, #894D9F and #DDCCE3. 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)

#894D9F - #DDCCE3 | 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 #894D9F as 0% and #DDCCE3 as 100%.

0.0%	0.0% #894D9F	RGB 137 77 159	#894D9F
16.7%	16.7% #9762AA	RGB 151 98 170	#9762AA
33.3%	33.3% #A577B5	RGB 165 119 181	#A577B5
50.0%	50.0% #B38CC1	RGB 179 140 193	#B38CC1
66.7%	66.7% #C1A1CC	RGB 193 161 204	#C1A1CC
83.3%	83.3% #CFB6D7	RGB 207 182 215	#CFB6D7
100.0%	100.0% #DDCCE3	RGB 221 204 227	#DDCCE3

#894D9F #9762AA #A577B5 #B38CC1 #C1A1CC #CFB6D7 #DDCCE3

#894D9F - #DDCCE3

HSV Blend

#894D9F - #DDCCE3 | 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 #894D9F as 0% and #DDCCE3 as 100%.

0.0%	0.0% #894D9F	RGB 137 77 159	#894D9F
16.7%	16.7% #965EAA	RGB 150 94 170	#965EAA
33.3%	33.3% #A371B5	RGB 163 113 181	#A371B5
50.0%	50.0% #B185C1	RGB 177 133 193	#B185C1
66.7%	66.7% #BF9BCC	RGB 191 155 204	#BF9BCC
83.3%	83.3% #CEB2D7	RGB 206 178 215	#CEB2D7
100.0%	100.0% #DDCCE3	RGB 221 204 227	#DDCCE3

#894D9F #965EAA #A371B5 #B185C1 #BF9BCC #CEB2D7 #DDCCE3

#894D9F - #B185C1 - #DDCCE3

CSS codes

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

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