#DEC1FA - #8F5AC6 | 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 #DEC1FA to #8F5AC6

#DEC1FA #8F5AC6

Calculate the color between two colors, #DEC1FA and #8F5AC6. 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)

#DEC1FA - #8F5AC6 | 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 #DEC1FA as 0% and #8F5AC6 as 100%.

0.0%	0.0% #DEC1FA	RGB 222 193 250	#DEC1FA
16.7%	16.7% #D0AFF1	RGB 208 175 241	#D0AFF1
33.3%	33.3% #C39EE8	RGB 195 158 232	#C39EE8
50.0%	50.0% #B68DE0	RGB 182 141 224	#B68DE0
66.7%	66.7% #A97CD7	RGB 169 124 215	#A97CD7
83.3%	83.3% #9C6BCE	RGB 156 107 206	#9C6BCE
100.0%	100.0% #8F5AC6	RGB 143 90 198	#8F5AC6

#DEC1FA #D0AFF1 #C39EE8 #B68DE0 #A97CD7 #9C6BCE #8F5AC6

#DEC1FA - #8F5AC6

HSV Blend

#DEC1FA - #8F5AC6 | 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 #DEC1FA as 0% and #8F5AC6 as 100%.

0.0%	0.0% #DEC1FA	RGB 222 193 250	#DEC1FA
16.7%	16.7% #CFADF1	RGB 207 173 241	#CFADF1
33.3%	33.3% #C29AE8	RGB 194 154 232	#C29AE8
50.0%	50.0% #B489E0	RGB 180 137 224	#B489E0
66.7%	66.7% #A778D7	RGB 167 120 215	#A778D7
83.3%	83.3% #9B68CE	RGB 155 104 206	#9B68CE
100.0%	100.0% #8F5AC6	RGB 143 90 198	#8F5AC6

#DEC1FA #CFADF1 #C29AE8 #B489E0 #A778D7 #9B68CE #8F5AC6

#DEC1FA - #B489E0 - #8F5AC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DEC1FA 0%, #B489E0 50%, #8F5AC6 100%);
    background: -webkit-linear-gradient(top, #DEC1FA 0%, #B489E0 50%, #8F5AC6 100%);
    background: linear-gradient(to bottom, #DEC1FA 0%, #B489E0 50%, #8F5AC6 100%);
}
</style>