#CCA36B - #F0E4D4 | 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 #CCA36B to #F0E4D4

#CCA36B #F0E4D4

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

#CCA36B - #F0E4D4 | 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 #CCA36B as 0% and #F0E4D4 as 100%.

0.0%	0.0% #CCA36B	RGB 204 163 107	#CCA36B
16.7%	16.7% #D2AD7C	RGB 210 173 124	#D2AD7C
33.3%	33.3% #D8B88E	RGB 216 184 142	#D8B88E
50.0%	50.0% #DEC39F	RGB 222 195 159	#DEC39F
66.7%	66.7% #E4CEB1	RGB 228 206 177	#E4CEB1
83.3%	83.3% #EAD9C2	RGB 234 217 194	#EAD9C2
100.0%	100.0% #F0E4D4	RGB 240 228 212	#F0E4D4

#CCA36B #D2AD7C #D8B88E #DEC39F #E4CEB1 #EAD9C2 #F0E4D4

#CCA36B - #F0E4D4

HSV Blend

#CCA36B - #F0E4D4 | 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 #CCA36B as 0% and #F0E4D4 as 100%.

0.0%	0.0% #CCA36B	RGB 204 163 107	#CCA36B
16.7%	16.7% #D2AD7A	RGB 210 173 122	#D2AD7A
33.3%	33.3% #D8B78B	RGB 216 183 139	#D8B78B
50.0%	50.0% #DEC29C	RGB 222 194 156	#DEC29C
66.7%	66.7% #E4CDAE	RGB 228 205 174	#E4CDAE
83.3%	83.3% #EAD8C0	RGB 234 216 192	#EAD8C0
100.0%	100.0% #F0E4D4	RGB 240 228 212	#F0E4D4

#CCA36B #D2AD7A #D8B78B #DEC29C #E4CDAE #EAD8C0 #F0E4D4

#CCA36B - #DEC29C - #F0E4D4

CSS codes

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

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