#9F8290 - #E3DBDF | 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 #9F8290 to #E3DBDF

#9F8290 #E3DBDF

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

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

0.0%	0.0% #9F8290	RGB 159 130 144	#9F8290
16.7%	16.7% #AA909D	RGB 170 144 157	#AA909D
33.3%	33.3% #B59FAA	RGB 181 159 170	#B59FAA
50.0%	50.0% #C1AEB7	RGB 193 174 183	#C1AEB7
66.7%	66.7% #CCBDC4	RGB 204 189 196	#CCBDC4
83.3%	83.3% #D7CCD1	RGB 215 204 209	#D7CCD1
100.0%	100.0% #E3DBDF	RGB 227 219 223	#E3DBDF

#9F8290 #AA909D #B59FAA #C1AEB7 #CCBDC4 #D7CCD1 #E3DBDF

#9F8290 - #E3DBDF

HSV Blend

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

0.0%	0.0% #9F8290	RGB 159 130 144	#9F8290
16.7%	16.7% #AA8F9C	RGB 170 143 156	#AA8F9C
33.3%	33.3% #B59DA9	RGB 181 157 169	#B59DA9
50.0%	50.0% #C1ABB6	RGB 193 171 182	#C1ABB6
66.7%	66.7% #CCBBC3	RGB 204 187 195	#CCBBC3
83.3%	83.3% #D7CAD1	RGB 215 202 209	#D7CAD1
100.0%	100.0% #E3DBDF	RGB 227 219 223	#E3DBDF

#9F8290 #AA8F9C #B59DA9 #C1ABB6 #CCBBC3 #D7CAD1 #E3DBDF

#9F8290 - #C1ABB6 - #E3DBDF

CSS codes

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

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