#CDA59F - #F0E5E3 | 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 #CDA59F to #F0E5E3

#CDA59F #F0E5E3

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

#CDA59F - #F0E5E3 | 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 #CDA59F as 0% and #F0E5E3 as 100%.

0.0%	0.0% #CDA59F	RGB 205 165 159	#CDA59F
16.7%	16.7% #D2AFAA	RGB 210 175 170	#D2AFAA
33.3%	33.3% #D8BAB5	RGB 216 186 181	#D8BAB5
50.0%	50.0% #DEC5C1	RGB 222 197 193	#DEC5C1
66.7%	66.7% #E4CFCC	RGB 228 207 204	#E4CFCC
83.3%	83.3% #EADAD7	RGB 234 218 215	#EADAD7
100.0%	100.0% #F0E5E3	RGB 240 229 227	#F0E5E3

#CDA59F #D2AFAA #D8BAB5 #DEC5C1 #E4CFCC #EADAD7 #F0E5E3

#CDA59F - #F0E5E3

HSV Blend

#CDA59F - #F0E5E3 | 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 #CDA59F as 0% and #F0E5E3 as 100%.

0.0%	0.0% #CDA59F	RGB 205 165 159	#CDA59F
16.7%	16.7% #D2AFA9	RGB 210 175 169	#D2AFA9
33.3%	33.3% #D8B9B4	RGB 216 185 180	#D8B9B4
50.0%	50.0% #DEC3BF	RGB 222 195 191	#DEC3BF
66.7%	66.7% #E4CECB	RGB 228 206 203	#E4CECB
83.3%	83.3% #EAD9D6	RGB 234 217 214	#EAD9D6
100.0%	100.0% #F0E5E3	RGB 240 229 227	#F0E5E3

#CDA59F #D2AFA9 #D8B9B4 #DEC3BF #E4CECB #EAD9D6 #F0E5E3

#CDA59F - #DEC3BF - #F0E5E3

CSS codes

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

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