#C9C995 - #FFEAAC | 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 #C9C995 to #FFEAAC

#C9C995 #FFEAAC

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

#C9C995 - #FFEAAC | 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 #C9C995 as 0% and #FFEAAC as 100%.

0.0%	0.0% #C9C995	RGB 201 201 149	#C9C995
16.7%	16.7% #D2CE98	RGB 210 206 152	#D2CE98
33.3%	33.3% #DBD49C	RGB 219 212 156	#DBD49C
50.0%	50.0% #E4D9A0	RGB 228 217 160	#E4D9A0
66.7%	66.7% #EDDFA4	RGB 237 223 164	#EDDFA4
83.3%	83.3% #F6E4A8	RGB 246 228 168	#F6E4A8
100.0%	100.0% #FFEAAC	RGB 255 234 172	#FFEAAC

#C9C995 #D2CE98 #DBD49C #E4D9A0 #EDDFA4 #F6E4A8 #FFEAAC

#C9C995 - #FFEAAC

HSV Blend

#C9C995 - #FFEAAC | 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 #C9C995 as 0% and #FFEAAC as 100%.

0.0%	0.0% #C9C995	RGB 201 201 149	#C9C995
16.7%	16.7% #D2CF99	RGB 210 207 153	#D2CF99
33.3%	33.3% #DBD59D	RGB 219 213 157	#DBD59D
50.0%	50.0% #E4DBA1	RGB 228 219 161	#E4DBA1
66.7%	66.7% #EDE0A5	RGB 237 224 165	#EDE0A5
83.3%	83.3% #F6E5A8	RGB 246 229 168	#F6E5A8
100.0%	100.0% #FFEAAC	RGB 255 234 172	#FFEAAC

#C9C995 #D2CF99 #DBD59D #E4DBA1 #EDE0A5 #F6E5A8 #FFEAAC

#C9C995 - #E4DBA1 - #FFEAAC

CSS codes

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

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