#CCC96B - #FFE98D | 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 #CCC96B to #FFE98D

#CCC96B #FFE98D

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

#CCC96B - #FFE98D | 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 #CCC96B as 0% and #FFE98D as 100%.

0.0%	0.0% #CCC96B	RGB 204 201 107	#CCC96B
16.7%	16.7% #D4CE70	RGB 212 206 112	#D4CE70
33.3%	33.3% #DDD376	RGB 221 211 118	#DDD376
50.0%	50.0% #E5D97C	RGB 229 217 124	#E5D97C
66.7%	66.7% #EEDE81	RGB 238 222 129	#EEDE81
83.3%	83.3% #F6E387	RGB 246 227 135	#F6E387
100.0%	100.0% #FFE98D	RGB 255 233 141	#FFE98D

#CCC96B #D4CE70 #DDD376 #E5D97C #EEDE81 #F6E387 #FFE98D

#CCC96B - #FFE98D

HSV Blend

#CCC96B - #FFE98D | 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 #CCC96B as 0% and #FFE98D as 100%.

0.0%	0.0% #CCC96B	RGB 204 201 107	#CCC96B
16.7%	16.7% #D4CE70	RGB 212 206 112	#D4CE70
33.3%	33.3% #DDD476	RGB 221 212 118	#DDD476
50.0%	50.0% #E5D97B	RGB 229 217 123	#E5D97B
66.7%	66.7% #EEDE81	RGB 238 222 129	#EEDE81
83.3%	83.3% #F6E487	RGB 246 228 135	#F6E487
100.0%	100.0% #FFE98D	RGB 255 233 141	#FFE98D

#CCC96B #D4CE70 #DDD476 #E5D97B #EEDE81 #F6E487 #FFE98D

#CCC96B - #E5D97B - #FFE98D

CSS codes

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

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