#9F7D9F - #E3D9E3 | 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 #9F7D9F to #E3D9E3

#9F7D9F #E3D9E3

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

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

0.0%	0.0% #9F7D9F	RGB 159 125 159	#9F7D9F
16.7%	16.7% #AA8CAA	RGB 170 140 170	#AA8CAA
33.3%	33.3% #B59BB5	RGB 181 155 181	#B59BB5
50.0%	50.0% #C1ABC1	RGB 193 171 193	#C1ABC1
66.7%	66.7% #CCBACC	RGB 204 186 204	#CCBACC
83.3%	83.3% #D7C9D7	RGB 215 201 215	#D7C9D7
100.0%	100.0% #E3D9E3	RGB 227 217 227	#E3D9E3

#9F7D9F #AA8CAA #B59BB5 #C1ABC1 #CCBACC #D7C9D7 #E3D9E3

#9F7D9F - #E3D9E3

HSV Blend

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

0.0%	0.0% #9F7D9F	RGB 159 125 159	#9F7D9F
16.7%	16.7% #AA8AAA	RGB 170 138 170	#AA8AAA
33.3%	33.3% #B599B5	RGB 181 153 181	#B599B5
50.0%	50.0% #C1A8C1	RGB 193 168 193	#C1A8C1
66.7%	66.7% #CCB7CC	RGB 204 183 204	#CCB7CC
83.3%	83.3% #D7C8D7	RGB 215 200 215	#D7C8D7
100.0%	100.0% #E3D9E3	RGB 227 217 227	#E3D9E3

#9F7D9F #AA8AAA #B599B5 #C1A8C1 #CCB7CC #D7C8D7 #E3D9E3

#9F7D9F - #C1A8C1 - #E3D9E3

CSS codes

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

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