#DF8FE4 - #A134A8 | 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 #DF8FE4 to #A134A8

#DF8FE4 #A134A8

Calculate the color between two colors, #DF8FE4 and #A134A8. 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)

#DF8FE4 - #A134A8 | 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 #DF8FE4 as 0% and #A134A8 as 100%.

0.0%	0.0% #DF8FE4	RGB 223 143 228	#DF8FE4
16.7%	16.7% #D47FDA	RGB 212 127 218	#D47FDA
33.3%	33.3% #CA70D0	RGB 202 112 208	#CA70D0
50.0%	50.0% #C061C6	RGB 192 97 198	#C061C6
66.7%	66.7% #B552BC	RGB 181 82 188	#B552BC
83.3%	83.3% #AB43B2	RGB 171 67 178	#AB43B2
100.0%	100.0% #A134A8	RGB 161 52 168	#A134A8

#DF8FE4 #D47FDA #CA70D0 #C061C6 #B552BC #AB43B2 #A134A8

#DF8FE4 - #A134A8

HSV Blend

#DF8FE4 - #A134A8 | 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 #DF8FE4 as 0% and #A134A8 as 100%.

0.0%	0.0% #DF8FE4	RGB 223 143 228	#DF8FE4
16.7%	16.7% #D47DDA	RGB 212 125 218	#D47DDA
33.3%	33.3% #CA6CD0	RGB 202 108 208	#CA6CD0
50.0%	50.0% #BF5CC6	RGB 191 92 198	#BF5CC6
66.7%	66.7% #B54EBC	RGB 181 78 188	#B54EBC
83.3%	83.3% #AB40B2	RGB 171 64 178	#AB40B2
100.0%	100.0% #A134A8	RGB 161 52 168	#A134A8

#DF8FE4 #D47DDA #CA6CD0 #BF5CC6 #B54EBC #AB40B2 #A134A8

#DF8FE4 - #BF5CC6 - #A134A8

CSS codes

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

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