#C6B9A2 - #FFE8BA | 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 #C6B9A2 to #FFE8BA

#C6B9A2 #FFE8BA

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

#C6B9A2 - #FFE8BA | 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 #C6B9A2 as 0% and #FFE8BA as 100%.

0.0%	0.0% #C6B9A2	RGB 198 185 162	#C6B9A2
16.7%	16.7% #CFC0A6	RGB 207 192 166	#CFC0A6
33.3%	33.3% #D9C8AA	RGB 217 200 170	#D9C8AA
50.0%	50.0% #E2D0AE	RGB 226 208 174	#E2D0AE
66.7%	66.7% #ECD8B2	RGB 236 216 178	#ECD8B2
83.3%	83.3% #F5E0B6	RGB 245 224 182	#F5E0B6
100.0%	100.0% #FFE8BA	RGB 255 232 186	#FFE8BA

#C6B9A2 #CFC0A6 #D9C8AA #E2D0AE #ECD8B2 #F5E0B6 #FFE8BA

#C6B9A2 - #FFE8BA

HSV Blend

#C6B9A2 - #FFE8BA | 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 #C6B9A2 as 0% and #FFE8BA as 100%.

0.0%	0.0% #C6B9A2	RGB 198 185 162	#C6B9A2
16.7%	16.7% #CFC0A6	RGB 207 192 166	#CFC0A6
33.3%	33.3% #D9C8AB	RGB 217 200 171	#D9C8AB
50.0%	50.0% #E2D0AF	RGB 226 208 175	#E2D0AF
66.7%	66.7% #ECD8B3	RGB 236 216 179	#ECD8B3
83.3%	83.3% #F5E0B6	RGB 245 224 182	#F5E0B6
100.0%	100.0% #FFE8BA	RGB 255 232 186	#FFE8BA

#C6B9A2 #CFC0A6 #D9C8AB #E2D0AF #ECD8B3 #F5E0B6 #FFE8BA

#C6B9A2 - #E2D0AF - #FFE8BA

CSS codes

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

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