#DCAC95 - #F7FEC0 | 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 #DCAC95 to #F7FEC0

#DCAC95 #F7FEC0

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

#DCAC95 - #F7FEC0 | 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 #DCAC95 as 0% and #F7FEC0 as 100%.

0.0%	0.0% #DCAC95	RGB 220 172 149	#DCAC95
16.7%	16.7% #E0B99C	RGB 224 185 156	#E0B99C
33.3%	33.3% #E5C7A3	RGB 229 199 163	#E5C7A3
50.0%	50.0% #E9D5AA	RGB 233 213 170	#E9D5AA
66.7%	66.7% #EEE2B1	RGB 238 226 177	#EEE2B1
83.3%	83.3% #F2F0B8	RGB 242 240 184	#F2F0B8
100.0%	100.0% #F7FEC0	RGB 247 254 192	#F7FEC0

#DCAC95 #E0B99C #E5C7A3 #E9D5AA #EEE2B1 #F2F0B8 #F7FEC0

#DCAC95 - #F7FEC0

HSV Blend

#DCAC95 - #F7FEC0 | 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 #DCAC95 as 0% and #F7FEC0 as 100%.

0.0%	0.0% #DCAC95	RGB 220 172 149	#DCAC95
16.7%	16.7% #E1BB9B	RGB 225 187 155	#E1BB9B
33.3%	33.3% #E7CAA2	RGB 231 202 162	#E7CAA2
50.0%	50.0% #EDDAA9	RGB 237 218 169	#EDDAA9
66.7%	66.7% #F2E8B1	RGB 242 232 177	#F2E8B1
83.3%	83.3% #F8F7B8	RGB 248 247 184	#F8F7B8
100.0%	100.0% #F7FEC0	RGB 247 254 192	#F7FEC0

#DCAC95 #E1BB9B #E7CAA2 #EDDAA9 #F2E8B1 #F8F7B8 #F7FEC0

#DCAC95 - #EDDAA9 - #F7FEC0

CSS codes

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

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