#C8C97C - #FAEEA5 | 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 #C8C97C to #FAEEA5

#C8C97C #FAEEA5

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

#C8C97C - #FAEEA5 | 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 #C8C97C as 0% and #FAEEA5 as 100%.

0.0%	0.0% #C8C97C	RGB 200 201 124	#C8C97C
16.7%	16.7% #D0CF82	RGB 208 207 130	#D0CF82
33.3%	33.3% #D8D589	RGB 216 213 137	#D8D589
50.0%	50.0% #E1DB90	RGB 225 219 144	#E1DB90
66.7%	66.7% #E9E197	RGB 233 225 151	#E9E197
83.3%	83.3% #F1E79E	RGB 241 231 158	#F1E79E
100.0%	100.0% #FAEEA5	RGB 250 238 165	#FAEEA5

#C8C97C #D0CF82 #D8D589 #E1DB90 #E9E197 #F1E79E #FAEEA5

#C8C97C - #FAEEA5

HSV Blend

#C8C97C - #FAEEA5 | 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 #C8C97C as 0% and #FAEEA5 as 100%.

0.0%	0.0% #C8C97C	RGB 200 201 124	#C8C97C
16.7%	16.7% #D1D082	RGB 209 208 130	#D1D082
33.3%	33.3% #D9D689	RGB 217 214 137	#D9D689
50.0%	50.0% #E1DC8F	RGB 225 220 143	#E1DC8F
66.7%	66.7% #E9E296	RGB 233 226 150	#E9E296
83.3%	83.3% #F1E89D	RGB 241 232 157	#F1E89D
100.0%	100.0% #FAEEA5	RGB 250 238 165	#FAEEA5

#C8C97C #D1D082 #D9D689 #E1DC8F #E9E296 #F1E89D #FAEEA5

#C8C97C - #E1DC8F - #FAEEA5

CSS codes

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

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