#CDA27C - #F0E4D9 | 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 #CDA27C to #F0E4D9

#CDA27C #F0E4D9

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

#CDA27C - #F0E4D9 | 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 #CDA27C as 0% and #F0E4D9 as 100%.

0.0%	0.0% #CDA27C	RGB 205 162 124	#CDA27C
16.7%	16.7% #D2AD8B	RGB 210 173 139	#D2AD8B
33.3%	33.3% #D8B89B	RGB 216 184 155	#D8B89B
50.0%	50.0% #DEC3AA	RGB 222 195 170	#DEC3AA
66.7%	66.7% #E4CEBA	RGB 228 206 186	#E4CEBA
83.3%	83.3% #EAD9C9	RGB 234 217 201	#EAD9C9
100.0%	100.0% #F0E4D9	RGB 240 228 217	#F0E4D9

#CDA27C #D2AD8B #D8B89B #DEC3AA #E4CEBA #EAD9C9 #F0E4D9

#CDA27C - #F0E4D9

HSV Blend

#CDA27C - #F0E4D9 | 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 #CDA27C as 0% and #F0E4D9 as 100%.

0.0%	0.0% #CDA27C	RGB 205 162 124	#CDA27C
16.7%	16.7% #D2AC8A	RGB 210 172 138	#D2AC8A
33.3%	33.3% #D8B698	RGB 216 182 152	#D8B698
50.0%	50.0% #DEC1A7	RGB 222 193 167	#DEC1A7
66.7%	66.7% #E4CCB7	RGB 228 204 183	#E4CCB7
83.3%	83.3% #EAD8C8	RGB 234 216 200	#EAD8C8
100.0%	100.0% #F0E4D9	RGB 240 228 217	#F0E4D9

#CDA27C #D2AC8A #D8B698 #DEC1A7 #E4CCB7 #EAD8C8 #F0E4D9

#CDA27C - #DEC1A7 - #F0E4D9

CSS codes

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

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