#CFBC91 - #FFD1AB | 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 #CFBC91 to #FFD1AB

#CFBC91 #FFD1AB

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

#CFBC91 - #FFD1AB | 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 #CFBC91 as 0% and #FFD1AB as 100%.

0.0%	0.0% #CFBC91	RGB 207 188 145	#CFBC91
16.7%	16.7% #D7BF95	RGB 215 191 149	#D7BF95
33.3%	33.3% #DFC399	RGB 223 195 153	#DFC399
50.0%	50.0% #E7C69E	RGB 231 198 158	#E7C69E
66.7%	66.7% #EFCAA2	RGB 239 202 162	#EFCAA2
83.3%	83.3% #F7CDA6	RGB 247 205 166	#F7CDA6
100.0%	100.0% #FFD1AB	RGB 255 209 171	#FFD1AB

#CFBC91 #D7BF95 #DFC399 #E7C69E #EFCAA2 #F7CDA6 #FFD1AB

#CFBC91 - #FFD1AB

HSV Blend

#CFBC91 - #FFD1AB | 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 #CFBC91 as 0% and #FFD1AB as 100%.

0.0%	0.0% #CFBC91	RGB 207 188 145	#CFBC91
16.7%	16.7% #D7C095	RGB 215 192 149	#D7C095
33.3%	33.3% #DFC499	RGB 223 196 153	#DFC499
50.0%	50.0% #E7C79E	RGB 231 199 158	#E7C79E
66.7%	66.7% #EFCBA2	RGB 239 203 162	#EFCBA2
83.3%	83.3% #F7CEA6	RGB 247 206 166	#F7CEA6
100.0%	100.0% #FFD1AB	RGB 255 209 171	#FFD1AB

#CFBC91 #D7C095 #DFC499 #E7C79E #EFCBA2 #F7CEA6 #FFD1AB

#CFBC91 - #E7C79E - #FFD1AB

CSS codes

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

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