#CF9F86 - #FFDFA6 | 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 #CF9F86 to #FFDFA6

#CF9F86 #FFDFA6

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

#CF9F86 - #FFDFA6 | 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 #CF9F86 as 0% and #FFDFA6 as 100%.

0.0%	0.0% #CF9F86	RGB 207 159 134	#CF9F86
16.7%	16.7% #D7A98B	RGB 215 169 139	#D7A98B
33.3%	33.3% #DFB490	RGB 223 180 144	#DFB490
50.0%	50.0% #E7BF96	RGB 231 191 150	#E7BF96
66.7%	66.7% #EFC99B	RGB 239 201 155	#EFC99B
83.3%	83.3% #F7D4A0	RGB 247 212 160	#F7D4A0
100.0%	100.0% #FFDFA6	RGB 255 223 166	#FFDFA6

#CF9F86 #D7A98B #DFB490 #E7BF96 #EFC99B #F7D4A0 #FFDFA6

#CF9F86 - #FFDFA6

HSV Blend

#CF9F86 - #FFDFA6 | 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 #CF9F86 as 0% and #FFDFA6 as 100%.

0.0%	0.0% #CF9F86	RGB 207 159 134	#CF9F86
16.7%	16.7% #D7A88B	RGB 215 168 139	#D7A88B
33.3%	33.3% #DFB390	RGB 223 179 144	#DFB390
50.0%	50.0% #E7BD95	RGB 231 189 149	#E7BD95
66.7%	66.7% #EFC89B	RGB 239 200 155	#EFC89B
83.3%	83.3% #F7D3A0	RGB 247 211 160	#F7D3A0
100.0%	100.0% #FFDFA6	RGB 255 223 166	#FFDFA6

#CF9F86 #D7A88B #DFB390 #E7BD95 #EFC89B #F7D3A0 #FFDFA6

#CF9F86 - #E7BD95 - #FFDFA6

CSS codes

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

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