#FFEE85 - #CCAB08 | 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 #FFEE85 to #CCAB08

#FFEE85 #CCAB08

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

#FFEE85 - #CCAB08 | 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 #FFEE85 as 0% and #CCAB08 as 100%.

0.0%	0.0% #FFEE85	RGB 255 238 133	#FFEE85
16.7%	16.7% #F6E270	RGB 246 226 112	#F6E270
33.3%	33.3% #EED75B	RGB 238 215 91	#EED75B
50.0%	50.0% #E5CC46	RGB 229 204 70	#E5CC46
66.7%	66.7% #DDC131	RGB 221 193 49	#DDC131
83.3%	83.3% #D4B61C	RGB 212 182 28	#D4B61C
100.0%	100.0% #CCAB08	RGB 204 171 8	#CCAB08

#FFEE85 #F6E270 #EED75B #E5CC46 #DDC131 #D4B61C #CCAB08

#FFEE85 - #CCAB08

HSV Blend

#FFEE85 - #CCAB08 | 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 #FFEE85 as 0% and #CCAB08 as 100%.

0.0%	0.0% #FFEE85	RGB 255 238 133	#FFEE85
16.7%	16.7% #F6E26C	RGB 246 226 108	#F6E26C
33.3%	33.3% #EED755	RGB 238 215 85	#EED755
50.0%	50.0% #E5CC40	RGB 229 204 64	#E5CC40
66.7%	66.7% #DDC02C	RGB 221 192 44	#DDC02C
83.3%	83.3% #D4B519	RGB 212 181 25	#D4B519
100.0%	100.0% #CCAB08	RGB 204 171 8	#CCAB08

#FFEE85 #F6E26C #EED755 #E5CC40 #DDC02C #D4B519 #CCAB08

#FFEE85 - #E5CC40 - #CCAB08

CSS codes

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

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