#C9C98B - #EFEFDD | 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 #C9C98B to #EFEFDD

#C9C98B #EFEFDD

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

#C9C98B - #EFEFDD | 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 #C9C98B as 0% and #EFEFDD as 100%.

0.0%	0.0% #C9C98B	RGB 201 201 139	#C9C98B
16.7%	16.7% #CFCF98	RGB 207 207 152	#CFCF98
33.3%	33.3% #D5D5A6	RGB 213 213 166	#D5D5A6
50.0%	50.0% #DCDCB4	RGB 220 220 180	#DCDCB4
66.7%	66.7% #E2E2C1	RGB 226 226 193	#E2E2C1
83.3%	83.3% #E8E8CF	RGB 232 232 207	#E8E8CF
100.0%	100.0% #EFEFDD	RGB 239 239 221	#EFEFDD

#C9C98B #CFCF98 #D5D5A6 #DCDCB4 #E2E2C1 #E8E8CF #EFEFDD

#C9C98B - #EFEFDD

HSV Blend

#C9C98B - #EFEFDD | 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 #C9C98B as 0% and #EFEFDD as 100%.

0.0%	0.0% #C9C98B	RGB 201 201 139	#C9C98B
16.7%	16.7% #CFCF97	RGB 207 207 151	#CFCF97
33.3%	33.3% #D5D5A4	RGB 213 213 164	#D5D5A4
50.0%	50.0% #DCDCB1	RGB 220 220 177	#DCDCB1
66.7%	66.7% #E2E2BF	RGB 226 226 191	#E2E2BF
83.3%	83.3% #E8E8CE	RGB 232 232 206	#E8E8CE
100.0%	100.0% #EFEFDD	RGB 239 239 221	#EFEFDD

#C9C98B #CFCF97 #D5D5A4 #DCDCB1 #E2E2BF #E8E8CE #EFEFDD

#C9C98B - #DCDCB1 - #EFEFDD

CSS codes

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

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