#CBA3A1 - #FDFFCF | 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 #CBA3A1 to #FDFFCF

#CBA3A1 #FDFFCF

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

#CBA3A1 - #FDFFCF | 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 #CBA3A1 as 0% and #FDFFCF as 100%.

0.0%	0.0% #CBA3A1	RGB 203 163 161	#CBA3A1
16.7%	16.7% #D3B2A8	RGB 211 178 168	#D3B2A8
33.3%	33.3% #DBC1B0	RGB 219 193 176	#DBC1B0
50.0%	50.0% #E4D1B8	RGB 228 209 184	#E4D1B8
66.7%	66.7% #ECE0BF	RGB 236 224 191	#ECE0BF
83.3%	83.3% #F4EFC7	RGB 244 239 199	#F4EFC7
100.0%	100.0% #FDFFCF	RGB 253 255 207	#FDFFCF

#CBA3A1 #D3B2A8 #DBC1B0 #E4D1B8 #ECE0BF #F4EFC7 #FDFFCF

#CBA3A1 - #FDFFCF

HSV Blend

#CBA3A1 - #FDFFCF | 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 #CBA3A1 as 0% and #FDFFCF as 100%.

0.0%	0.0% #CBA3A1	RGB 203 163 161	#CBA3A1
16.7%	16.7% #D3B1A8	RGB 211 177 168	#D3B1A8
33.3%	33.3% #DCC0B0	RGB 220 192 176	#DCC0B0
50.0%	50.0% #E5D0B7	RGB 229 208 183	#E5D0B7
66.7%	66.7% #EDE0BF	RGB 237 224 191	#EDE0BF
83.3%	83.3% #F6F0C7	RGB 246 240 199	#F6F0C7
100.0%	100.0% #FDFFCF	RGB 253 255 207	#FDFFCF

#CBA3A1 #D3B1A8 #DCC0B0 #E5D0B7 #EDE0BF #F6F0C7 #FDFFCF

#CBA3A1 - #E5D0B7 - #FDFFCF

CSS codes

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

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