#CCA66D - #FFDD8D | 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 #CCA66D to #FFDD8D

#CCA66D #FFDD8D

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

#CCA66D - #FFDD8D | 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 #CCA66D as 0% and #FFDD8D as 100%.

0.0%	0.0% #CCA66D	RGB 204 166 109	#CCA66D
16.7%	16.7% #D4AF72	RGB 212 175 114	#D4AF72
33.3%	33.3% #DDB877	RGB 221 184 119	#DDB877
50.0%	50.0% #E5C17D	RGB 229 193 125	#E5C17D
66.7%	66.7% #EECA82	RGB 238 202 130	#EECA82
83.3%	83.3% #F6D387	RGB 246 211 135	#F6D387
100.0%	100.0% #FFDD8D	RGB 255 221 141	#FFDD8D

#CCA66D #D4AF72 #DDB877 #E5C17D #EECA82 #F6D387 #FFDD8D

#CCA66D - #FFDD8D

HSV Blend

#CCA66D - #FFDD8D | 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 #CCA66D as 0% and #FFDD8D as 100%.

0.0%	0.0% #CCA66D	RGB 204 166 109	#CCA66D
16.7%	16.7% #D4AE72	RGB 212 174 114	#D4AE72
33.3%	33.3% #DDB777	RGB 221 183 119	#DDB777
50.0%	50.0% #E5C07C	RGB 229 192 124	#E5C07C
66.7%	66.7% #EECA82	RGB 238 202 130	#EECA82
83.3%	83.3% #F6D387	RGB 246 211 135	#F6D387
100.0%	100.0% #FFDD8D	RGB 255 221 141	#FFDD8D

#CCA66D #D4AE72 #DDB777 #E5C07C #EECA82 #F6D387 #FFDD8D

#CCA66D - #E5C07C - #FFDD8D

CSS codes

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

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