#7876AA - #EDA8FC | 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 #7876AA to #EDA8FC

#7876AA #EDA8FC

Calculate the color between two colors, #7876AA and #EDA8FC. 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)

#7876AA - #EDA8FC | 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 #7876AA as 0% and #EDA8FC as 100%.

0.0%	0.0% #7876AA	RGB 120 118 170	#7876AA
16.7%	16.7% #8B7EB7	RGB 139 126 183	#8B7EB7
33.3%	33.3% #9F86C5	RGB 159 134 197	#9F86C5
50.0%	50.0% #B28FD3	RGB 178 143 211	#B28FD3
66.7%	66.7% #C697E0	RGB 198 151 224	#C697E0
83.3%	83.3% #D99FEE	RGB 217 159 238	#D99FEE
100.0%	100.0% #EDA8FC	RGB 237 168 252	#EDA8FC

#7876AA #8B7EB7 #9F86C5 #B28FD3 #C697E0 #D99FEE #EDA8FC

#7876AA - #EDA8FC

HSV Blend

#7876AA - #EDA8FC | 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 #7876AA as 0% and #EDA8FC as 100%.

0.0%	0.0% #7876AA	RGB 120 118 170	#7876AA
16.7%	16.7% #887EB7	RGB 136 126 183	#887EB7
33.3%	33.3% #9987C5	RGB 153 135 197	#9987C5
50.0%	50.0% #AC8FD3	RGB 172 143 211	#AC8FD3
66.7%	66.7% #C097E0	RGB 192 151 224	#C097E0
83.3%	83.3% #D69FEE	RGB 214 159 238	#D69FEE
100.0%	100.0% #EDA8FC	RGB 237 168 252	#EDA8FC

#7876AA #887EB7 #9987C5 #AC8FD3 #C097E0 #D69FEE #EDA8FC

#7876AA - #AC8FD3 - #EDA8FC

CSS codes

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

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