#A55DB1 - #FE7BF8 | 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 #A55DB1 to #FE7BF8

#A55DB1 #FE7BF8

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

#A55DB1 - #FE7BF8 | 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 #A55DB1 as 0% and #FE7BF8 as 100%.

0.0%	0.0% #A55DB1	RGB 165 93 177	#A55DB1
16.7%	16.7% #B362BC	RGB 179 98 188	#B362BC
33.3%	33.3% #C267C8	RGB 194 103 200	#C267C8
50.0%	50.0% #D16CD4	RGB 209 108 212	#D16CD4
66.7%	66.7% #E071E0	RGB 224 113 224	#E071E0
83.3%	83.3% #EF76EC	RGB 239 118 236	#EF76EC
100.0%	100.0% #FE7BF8	RGB 254 123 248	#FE7BF8

#A55DB1 #B362BC #C267C8 #D16CD4 #E071E0 #EF76EC #FE7BF8

#A55DB1 - #FE7BF8

HSV Blend

#A55DB1 - #FE7BF8 | 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 #A55DB1 as 0% and #FE7BF8 as 100%.

0.0%	0.0% #A55DB1	RGB 165 93 177	#A55DB1
16.7%	16.7% #B362BD	RGB 179 98 189	#B362BD
33.3%	33.3% #C267CA	RGB 194 103 202	#C267CA
50.0%	50.0% #D26CD7	RGB 210 108 215	#D26CD7
66.7%	66.7% #E271E4	RGB 226 113 228	#E271E4
83.3%	83.3% #F176EF	RGB 241 118 239	#F176EF
100.0%	100.0% #FE7BF8	RGB 254 123 248	#FE7BF8

#A55DB1 #B362BD #C267CA #D26CD7 #E271E4 #F176EF #FE7BF8

#A55DB1 - #D26CD7 - #FE7BF8

CSS codes

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

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