#9F809A - #E3DAE2 | 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 #9F809A to #E3DAE2

#9F809A #E3DAE2

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

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

0.0%	0.0% #9F809A	RGB 159 128 154	#9F809A
16.7%	16.7% #AA8FA6	RGB 170 143 166	#AA8FA6
33.3%	33.3% #B59EB2	RGB 181 158 178	#B59EB2
50.0%	50.0% #C1ADBE	RGB 193 173 190	#C1ADBE
66.7%	66.7% #CCBCCA	RGB 204 188 202	#CCBCCA
83.3%	83.3% #D7CBD6	RGB 215 203 214	#D7CBD6
100.0%	100.0% #E3DAE2	RGB 227 218 226	#E3DAE2

#9F809A #AA8FA6 #B59EB2 #C1ADBE #CCBCCA #D7CBD6 #E3DAE2

#9F809A - #E3DAE2

HSV Blend

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

0.0%	0.0% #9F809A	RGB 159 128 154	#9F809A
16.7%	16.7% #AA8DA5	RGB 170 141 165	#AA8DA5
33.3%	33.3% #B59BB1	RGB 181 155 177	#B59BB1
50.0%	50.0% #C1AABD	RGB 193 170 189	#C1AABD
66.7%	66.7% #CCB9C9	RGB 204 185 201	#CCB9C9
83.3%	83.3% #D7C9D5	RGB 215 201 213	#D7C9D5
100.0%	100.0% #E3DAE2	RGB 227 218 226	#E3DAE2

#9F809A #AA8DA5 #B59BB1 #C1AABD #CCB9C9 #D7C9D5 #E3DAE2

#9F809A - #C1AABD - #E3DAE2

CSS codes

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

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