#DB9CE6 - #812FA8 | 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 #DB9CE6 to #812FA8

#DB9CE6 #812FA8

Calculate the color between two colors, #DB9CE6 and #812FA8. 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)

#DB9CE6 - #812FA8 | 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 #DB9CE6 as 0% and #812FA8 as 100%.

0.0%	0.0% #DB9CE6	RGB 219 156 230	#DB9CE6
16.7%	16.7% #CC89DB	RGB 204 137 219	#CC89DB
33.3%	33.3% #BD77D1	RGB 189 119 209	#BD77D1
50.0%	50.0% #AE65C7	RGB 174 101 199	#AE65C7
66.7%	66.7% #9F53BC	RGB 159 83 188	#9F53BC
83.3%	83.3% #9041B2	RGB 144 65 178	#9041B2
100.0%	100.0% #812FA8	RGB 129 47 168	#812FA8

#DB9CE6 #CC89DB #BD77D1 #AE65C7 #9F53BC #9041B2 #812FA8

#DB9CE6 - #812FA8

HSV Blend

#DB9CE6 - #812FA8 | 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 #DB9CE6 as 0% and #812FA8 as 100%.

0.0%	0.0% #DB9CE6	RGB 219 156 230	#DB9CE6
16.7%	16.7% #CC86DB	RGB 204 134 219	#CC86DB
33.3%	33.3% #BD72D1	RGB 189 114 209	#BD72D1
50.0%	50.0% #AE5FC7	RGB 174 95 199	#AE5FC7
66.7%	66.7% #9F4DBC	RGB 159 77 188	#9F4DBC
83.3%	83.3% #903DB2	RGB 144 61 178	#903DB2
100.0%	100.0% #812FA8	RGB 129 47 168	#812FA8

#DB9CE6 #CC86DB #BD72D1 #AE5FC7 #9F4DBC #903DB2 #812FA8

#DB9CE6 - #AE5FC7 - #812FA8

CSS codes

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

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