#9A8E8C - #E4A2D2 | 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 #9A8E8C to #E4A2D2

#9A8E8C #E4A2D2

Calculate the color between two colors, #9A8E8C and #E4A2D2. 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)

#9A8E8C - #E4A2D2 | 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 #9A8E8C as 0% and #E4A2D2 as 100%.

0.0%	0.0% #9A8E8C	RGB 154 142 140	#9A8E8C
16.7%	16.7% #A69197	RGB 166 145 151	#A69197
33.3%	33.3% #B294A3	RGB 178 148 163	#B294A3
50.0%	50.0% #BF98AF	RGB 191 152 175	#BF98AF
66.7%	66.7% #CB9BBA	RGB 203 155 186	#CB9BBA
83.3%	83.3% #D79EC6	RGB 215 158 198	#D79EC6
100.0%	100.0% #E4A2D2	RGB 228 162 210	#E4A2D2

#9A8E8C #A69197 #B294A3 #BF98AF #CB9BBA #D79EC6 #E4A2D2

#9A8E8C - #E4A2D2

HSV Blend

#9A8E8C - #E4A2D2 | 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 #9A8E8C as 0% and #E4A2D2 as 100%.

0.0%	0.0% #9A8E8C	RGB 154 142 140	#9A8E8C
16.7%	16.7% #A69191	RGB 166 145 145	#A69191
33.3%	33.3% #B2969A	RGB 178 150 154	#B2969A
50.0%	50.0% #BF9AA5	RGB 191 154 165	#BF9AA5
66.7%	66.7% #CB9DB1	RGB 203 157 177	#CB9DB1
83.3%	83.3% #D7A0C0	RGB 215 160 192	#D7A0C0
100.0%	100.0% #E4A2D2	RGB 228 162 210	#E4A2D2

#9A8E8C #A69191 #B2969A #BF9AA5 #CB9DB1 #D7A0C0 #E4A2D2

#9A8E8C - #BF9AA5 - #E4A2D2

CSS codes

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

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