#7A77AB - #EEA8FD | 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 #7A77AB to #EEA8FD

#7A77AB #EEA8FD

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

#7A77AB - #EEA8FD | 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 #7A77AB as 0% and #EEA8FD as 100%.

0.0%	0.0% #7A77AB	RGB 122 119 171	#7A77AB
16.7%	16.7% #8D7FB8	RGB 141 127 184	#8D7FB8
33.3%	33.3% #A087C6	RGB 160 135 198	#A087C6
50.0%	50.0% #B48FD4	RGB 180 143 212	#B48FD4
66.7%	66.7% #C797E1	RGB 199 151 225	#C797E1
83.3%	83.3% #DA9FEF	RGB 218 159 239	#DA9FEF
100.0%	100.0% #EEA8FD	RGB 238 168 253	#EEA8FD

#7A77AB #8D7FB8 #A087C6 #B48FD4 #C797E1 #DA9FEF #EEA8FD

#7A77AB - #EEA8FD

HSV Blend

#7A77AB - #EEA8FD | 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 #7A77AB as 0% and #EEA8FD as 100%.

0.0%	0.0% #7A77AB	RGB 122 119 171	#7A77AB
16.7%	16.7% #8A7FB8	RGB 138 127 184	#8A7FB8
33.3%	33.3% #9B87C6	RGB 155 135 198	#9B87C6
50.0%	50.0% #AE90D4	RGB 174 144 212	#AE90D4
66.7%	66.7% #C198E1	RGB 193 152 225	#C198E1
83.3%	83.3% #D7A0EF	RGB 215 160 239	#D7A0EF
100.0%	100.0% #EEA8FD	RGB 238 168 253	#EEA8FD

#7A77AB #8A7FB8 #9B87C6 #AE90D4 #C198E1 #D7A0EF #EEA8FD

#7A77AB - #AE90D4 - #EEA8FD

CSS codes

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

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