#CBA09B - #FFE2BC | 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 #CBA09B to #FFE2BC

#CBA09B #FFE2BC

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

#CBA09B - #FFE2BC | 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 #CBA09B as 0% and #FFE2BC as 100%.

0.0%	0.0% #CBA09B	RGB 203 160 155	#CBA09B
16.7%	16.7% #D3ABA0	RGB 211 171 160	#D3ABA0
33.3%	33.3% #DCB6A6	RGB 220 182 166	#DCB6A6
50.0%	50.0% #E5C1AB	RGB 229 193 171	#E5C1AB
66.7%	66.7% #EDCCB1	RGB 237 204 177	#EDCCB1
83.3%	83.3% #F6D7B6	RGB 246 215 182	#F6D7B6
100.0%	100.0% #FFE2BC	RGB 255 226 188	#FFE2BC

#CBA09B #D3ABA0 #DCB6A6 #E5C1AB #EDCCB1 #F6D7B6 #FFE2BC

#CBA09B - #FFE2BC

HSV Blend

#CBA09B - #FFE2BC | 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 #CBA09B as 0% and #FFE2BC as 100%.

0.0%	0.0% #CBA09B	RGB 203 160 155	#CBA09B
16.7%	16.7% #D3A9A0	RGB 211 169 160	#D3A9A0
33.3%	33.3% #DCB4A6	RGB 220 180 166	#DCB4A6
50.0%	50.0% #E5BFAB	RGB 229 191 171	#E5BFAB
66.7%	66.7% #EDCAB1	RGB 237 202 177	#EDCAB1
83.3%	83.3% #F6D5B6	RGB 246 213 182	#F6D5B6
100.0%	100.0% #FFE2BC	RGB 255 226 188	#FFE2BC

#CBA09B #D3A9A0 #DCB4A6 #E5BFAB #EDCAB1 #F6D5B6 #FFE2BC

#CBA09B - #E5BFAB - #FFE2BC

CSS codes

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

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