#F9F5DF - #CAC48B | 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 #F9F5DF to #CAC48B

#F9F5DF #CAC48B

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

#F9F5DF - #CAC48B | 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 #F9F5DF as 0% and #CAC48B as 100%.

0.0%	0.0% #F9F5DF	RGB 249 245 223	#F9F5DF
16.7%	16.7% #F1ECD1	RGB 241 236 209	#F1ECD1
33.3%	33.3% #E9E4C3	RGB 233 228 195	#E9E4C3
50.0%	50.0% #E1DCB5	RGB 225 220 181	#E1DCB5
66.7%	66.7% #D9D4A7	RGB 217 212 167	#D9D4A7
83.3%	83.3% #D1CC99	RGB 209 204 153	#D1CC99
100.0%	100.0% #CAC48B	RGB 202 196 139	#CAC48B

#F9F5DF #F1ECD1 #E9E4C3 #E1DCB5 #D9D4A7 #D1CC99 #CAC48B

#F9F5DF - #CAC48B

HSV Blend

#F9F5DF - #CAC48B | 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 #F9F5DF as 0% and #CAC48B as 100%.

0.0%	0.0% #F9F5DF	RGB 249 245 223	#F9F5DF
16.7%	16.7% #F1ECCF	RGB 241 236 207	#F1ECCF
33.3%	33.3% #E9E3C0	RGB 233 227 192	#E9E3C0
50.0%	50.0% #E1DBB2	RGB 225 219 178	#E1DBB2
66.7%	66.7% #D9D3A4	RGB 217 211 164	#D9D3A4
83.3%	83.3% #D1CB97	RGB 209 203 151	#D1CB97
100.0%	100.0% #CAC48B	RGB 202 196 139	#CAC48B

#F9F5DF #F1ECCF #E9E3C0 #E1DBB2 #D9D3A4 #D1CB97 #CAC48B

#F9F5DF - #E1DBB2 - #CAC48B

CSS codes

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

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