#9C9B5E - #D29FB9 | 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 #9C9B5E to #D29FB9

#9C9B5E #D29FB9

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

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

0.0%	0.0% #9C9B5E	RGB 156 155 94	#9C9B5E
16.7%	16.7% #A59B6D	RGB 165 155 109	#A59B6D
33.3%	33.3% #AE9C7C	RGB 174 156 124	#AE9C7C
50.0%	50.0% #B79D8B	RGB 183 157 139	#B79D8B
66.7%	66.7% #C09D9A	RGB 192 157 154	#C09D9A
83.3%	83.3% #C99EA9	RGB 201 158 169	#C99EA9
100.0%	100.0% #D29FB9	RGB 210 159 185	#D29FB9

#9C9B5E #A59B6D #AE9C7C #B79D8B #C09D9A #C99EA9 #D29FB9

#9C9B5E - #D29FB9

HSV Blend

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

0.0%	0.0% #9C9B5E	RGB 156 155 94	#9C9B5E
16.7%	16.7% #A59467	RGB 165 148 103	#A59467
33.3%	33.3% #AE8F71	RGB 174 143 113	#AE8F71
50.0%	50.0% #B78A7C	RGB 183 138 124	#B78A7C
66.7%	66.7% #C08788	RGB 192 135 136	#C08788
83.3%	83.3% #C993A1	RGB 201 147 161	#C993A1
100.0%	100.0% #D29FB9	RGB 210 159 185	#D29FB9

#9C9B5E #A59467 #AE8F71 #B78A7C #C08788 #C993A1 #D29FB9

#9C9B5E - #B78A7C - #D29FB9

CSS codes

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

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