#CBA3AD - #FFE2C2 | 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 #CBA3AD to #FFE2C2

#CBA3AD #FFE2C2

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

#CBA3AD - #FFE2C2 | 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 #CBA3AD as 0% and #FFE2C2 as 100%.

0.0%	0.0% #CBA3AD	RGB 203 163 173	#CBA3AD
16.7%	16.7% #D3ADB0	RGB 211 173 176	#D3ADB0
33.3%	33.3% #DCB8B4	RGB 220 184 180	#DCB8B4
50.0%	50.0% #E5C2B7	RGB 229 194 183	#E5C2B7
66.7%	66.7% #EDCDBB	RGB 237 205 187	#EDCDBB
83.3%	83.3% #F6D7BE	RGB 246 215 190	#F6D7BE
100.0%	100.0% #FFE2C2	RGB 255 226 194	#FFE2C2

#CBA3AD #D3ADB0 #DCB8B4 #E5C2B7 #EDCDBB #F6D7BE #FFE2C2

#CBA3AD - #FFE2C2

HSV Blend

#CBA3AD - #FFE2C2 | 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 #CBA3AD as 0% and #FFE2C2 as 100%.

0.0%	0.0% #CBA3AD	RGB 203 163 173	#CBA3AD
16.7%	16.7% #D3A8AD	RGB 211 168 173	#D3A8AD
33.3%	33.3% #DCAEAD	RGB 220 174 173	#DCAEAD
50.0%	50.0% #E5B9B3	RGB 229 185 179	#E5B9B3
66.7%	66.7% #EDC6B8	RGB 237 198 184	#EDC6B8
83.3%	83.3% #F6D3BD	RGB 246 211 189	#F6D3BD
100.0%	100.0% #FFE2C2	RGB 255 226 194	#FFE2C2

#CBA3AD #D3A8AD #DCAEAD #E5B9B3 #EDC6B8 #F6D3BD #FFE2C2

#CBA3AD - #E5B9B3 - #FFE2C2

CSS codes

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

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