#C9984D - #EFE1CC | 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 #C9984D to #EFE1CC

#C9984D #EFE1CC

Calculate the color between two colors, #C9984D and #EFE1CC. 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)

#C9984D - #EFE1CC | 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 #C9984D as 0% and #EFE1CC as 100%.

0.0%	0.0% #C9984D	RGB 201 152 77	#C9984D
16.7%	16.7% #CFA462	RGB 207 164 98	#CFA462
33.3%	33.3% #D5B077	RGB 213 176 119	#D5B077
50.0%	50.0% #DCBC8C	RGB 220 188 140	#DCBC8C
66.7%	66.7% #E2C8A1	RGB 226 200 161	#E2C8A1
83.3%	83.3% #E8D4B6	RGB 232 212 182	#E8D4B6
100.0%	100.0% #EFE1CC	RGB 239 225 204	#EFE1CC

#C9984D #CFA462 #D5B077 #DCBC8C #E2C8A1 #E8D4B6 #EFE1CC

#C9984D - #EFE1CC

HSV Blend

#C9984D - #EFE1CC | 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 #C9984D as 0% and #EFE1CC as 100%.

0.0%	0.0% #C9984C	RGB 201 152 76	#C9984C
16.7%	16.7% #CFA35F	RGB 207 163 95	#CFA35F
33.3%	33.3% #D5AE73	RGB 213 174 115	#D5AE73
50.0%	50.0% #DCBA88	RGB 220 186 136	#DCBA88
66.7%	66.7% #E2C69D	RGB 226 198 157	#E2C69D
83.3%	83.3% #E8D3B4	RGB 232 211 180	#E8D3B4
100.0%	100.0% #EFE1CC	RGB 239 225 204	#EFE1CC

#C9984C #CFA35F #D5AE73 #DCBA88 #E2C69D #E8D3B4 #EFE1CC

#C9984D - #DCBA88 - #EFE1CC

CSS codes

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

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