#799A9C - #EDA2FF | 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 #799A9C to #EDA2FF

#799A9C #EDA2FF

Calculate the color between two colors, #799A9C and #EDA2FF. 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)

#799A9C - #EDA2FF | 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 #799A9C as 0% and #EDA2FF as 100%.

0.0%	0.0% #799A9C	RGB 121 154 156	#799A9C
16.7%	16.7% #8C9BAC	RGB 140 155 172	#8C9BAC
33.3%	33.3% #9F9CBD	RGB 159 156 189	#9F9CBD
50.0%	50.0% #B39ECD	RGB 179 158 205	#B39ECD
66.7%	66.7% #C69FDE	RGB 198 159 222	#C69FDE
83.3%	83.3% #D9A0EE	RGB 217 160 238	#D9A0EE
100.0%	100.0% #EDA2FF	RGB 237 162 255	#EDA2FF

#799A9C #8C9BAC #9F9CBD #B39ECD #C69FDE #D9A0EE #EDA2FF

#799A9C - #EDA2FF

HSV Blend

#799A9C - #EDA2FF | 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 #799A9C as 0% and #EDA2FF as 100%.

0.0%	0.0% #799A9C	RGB 121 154 156	#799A9C
16.7%	16.7% #819DAC	RGB 129 157 172	#819DAC
33.3%	33.3% #899CBD	RGB 137 156 189	#899CBD
50.0%	50.0% #9095CD	RGB 144 149 205	#9095CD
66.7%	66.7% #A797DE	RGB 167 151 222	#A797DE
83.3%	83.3% #C79DEE	RGB 199 157 238	#C79DEE
100.0%	100.0% #EDA2FF	RGB 237 162 255	#EDA2FF

#799A9C #819DAC #899CBD #9095CD #A797DE #C79DEE #EDA2FF

#799A9C - #9095CD - #EDA2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #799A9C 0%, #9095CD 50%, #EDA2FF 100%);
    background: -webkit-linear-gradient(top, #799A9C 0%, #9095CD 50%, #EDA2FF 100%);
    background: linear-gradient(to bottom, #799A9C 0%, #9095CD 50%, #EDA2FF 100%);
}
</style>