#9F8C5E - #D698C4 | 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 #9F8C5E to #D698C4

#9F8C5E #D698C4

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

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

0.0%	0.0% #9F8C5E	RGB 159 140 94	#9F8C5E
16.7%	16.7% #A88E6F	RGB 168 142 111	#A88E6F
33.3%	33.3% #B19080	RGB 177 144 128	#B19080
50.0%	50.0% #BA9291	RGB 186 146 145	#BA9291
66.7%	66.7% #C394A2	RGB 195 148 162	#C394A2
83.3%	83.3% #CC96B3	RGB 204 150 179	#CC96B3
100.0%	100.0% #D698C4	RGB 214 152 196	#D698C4

#9F8C5E #A88E6F #B19080 #BA9291 #C394A2 #CC96B3 #D698C4

#9F8C5E - #D698C4

HSV Blend

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

0.0%	0.0% #9F8C5E	RGB 159 140 94	#9F8C5E
16.7%	16.7% #A88566	RGB 168 133 102	#A88566
33.3%	33.3% #B17F6F	RGB 177 127 111	#B17F6F
50.0%	50.0% #BA7979	RGB 186 121 121	#BA7979
66.7%	66.7% #C38392	RGB 195 131 146	#C38392
83.3%	83.3% #CC8DAB	RGB 204 141 171	#CC8DAB
100.0%	100.0% #D698C4	RGB 214 152 196	#D698C4

#9F8C5E #A88566 #B17F6F #BA7979 #C38392 #CC8DAB #D698C4

#9F8C5E - #BA7979 - #D698C4

CSS codes

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

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