#CCC981 - #F0EFDB | 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 #CCC981 to #F0EFDB

#CCC981 #F0EFDB

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

#CCC981 - #F0EFDB | 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 #CCC981 as 0% and #F0EFDB as 100%.

0.0%	0.0% #CCC981	RGB 204 201 129	#CCC981
16.7%	16.7% #D2CF90	RGB 210 207 144	#D2CF90
33.3%	33.3% #D8D59F	RGB 216 213 159	#D8D59F
50.0%	50.0% #DEDCAE	RGB 222 220 174	#DEDCAE
66.7%	66.7% #E4E2BD	RGB 228 226 189	#E4E2BD
83.3%	83.3% #EAE8CC	RGB 234 232 204	#EAE8CC
100.0%	100.0% #F0EFDB	RGB 240 239 219	#F0EFDB

#CCC981 #D2CF90 #D8D59F #DEDCAE #E4E2BD #EAE8CC #F0EFDB

#CCC981 - #F0EFDB

HSV Blend

#CCC981 - #F0EFDB | 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 #CCC981 as 0% and #F0EFDB as 100%.

0.0%	0.0% #CCC981	RGB 204 201 129	#CCC981
16.7%	16.7% #D2CF8E	RGB 210 207 142	#D2CF8E
33.3%	33.3% #D8D59C	RGB 216 213 156	#D8D59C
50.0%	50.0% #DEDBAB	RGB 222 219 171	#DEDBAB
66.7%	66.7% #E4E2BA	RGB 228 226 186	#E4E2BA
83.3%	83.3% #EAE8CA	RGB 234 232 202	#EAE8CA
100.0%	100.0% #F0EFDB	RGB 240 239 219	#F0EFDB

#CCC981 #D2CF8E #D8D59C #DEDBAB #E4E2BA #EAE8CA #F0EFDB

#CCC981 - #DEDBAB - #F0EFDB

CSS codes

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

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