#848484 - #E6A8F8 | 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 #848484 to #E6A8F8

#848484 #E6A8F8

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

#848484 - #E6A8F8 | 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 #848484 as 0% and #E6A8F8 as 100%.

0.0%	0.0% #848484	RGB 132 132 132	#848484
16.7%	16.7% #948A97	RGB 148 138 151	#948A97
33.3%	33.3% #A490AA	RGB 164 144 170	#A490AA
50.0%	50.0% #B596BE	RGB 181 150 190	#B596BE
66.7%	66.7% #C59CD1	RGB 197 156 209	#C59CD1
83.3%	83.3% #D5A2E4	RGB 213 162 228	#D5A2E4
100.0%	100.0% #E6A8F8	RGB 230 168 248	#E6A8F8

#848484 #948A97 #A490AA #B596BE #C59CD1 #D5A2E4 #E6A8F8

#848484 - #E6A8F8

HSV Blend

#848484 - #E6A8F8 | 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 #848484 as 0% and #E6A8F8 as 100%.

0.0%	0.0% #848484	RGB 132 132 132	#848484
16.7%	16.7% #978F90	RGB 151 143 144	#978F90
33.3%	33.3% #AA989F	RGB 170 152 159	#AA989F
50.0%	50.0% #BE9FB2	RGB 190 159 178	#BE9FB2
66.7%	66.7% #D1A4C9	RGB 209 164 201	#D1A4C9
83.3%	83.3% #E3A7E4	RGB 227 167 228	#E3A7E4
100.0%	100.0% #E6A8F8	RGB 230 168 248	#E6A8F8

#848484 #978F90 #AA989F #BE9FB2 #D1A4C9 #E3A7E4 #E6A8F8

#848484 - #BE9FB2 - #E6A8F8

CSS codes

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

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