#CBA5A0 - #FFE5C0 | 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 #CBA5A0 to #FFE5C0

#CBA5A0 #FFE5C0

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

#CBA5A0 - #FFE5C0 | 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 #CBA5A0 as 0% and #FFE5C0 as 100%.

0.0%	0.0% #CBA5A0	RGB 203 165 160	#CBA5A0
16.7%	16.7% #D3AFA5	RGB 211 175 165	#D3AFA5
33.3%	33.3% #DCBAAA	RGB 220 186 170	#DCBAAA
50.0%	50.0% #E5C5B0	RGB 229 197 176	#E5C5B0
66.7%	66.7% #EDCFB5	RGB 237 207 181	#EDCFB5
83.3%	83.3% #F6DABA	RGB 246 218 186	#F6DABA
100.0%	100.0% #FFE5C0	RGB 255 229 192	#FFE5C0

#CBA5A0 #D3AFA5 #DCBAAA #E5C5B0 #EDCFB5 #F6DABA #FFE5C0

#CBA5A0 - #FFE5C0

HSV Blend

#CBA5A0 - #FFE5C0 | 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 #CBA5A0 as 0% and #FFE5C0 as 100%.

0.0%	0.0% #CBA5A0	RGB 203 165 160	#CBA5A0
16.7%	16.7% #D3AEA5	RGB 211 174 165	#D3AEA5
33.3%	33.3% #DCB8AB	RGB 220 184 171	#DCB8AB
50.0%	50.0% #E5C2B0	RGB 229 194 176	#E5C2B0
66.7%	66.7% #EDCDB5	RGB 237 205 181	#EDCDB5
83.3%	83.3% #F6D9BA	RGB 246 217 186	#F6D9BA
100.0%	100.0% #FFE5C0	RGB 255 229 192	#FFE5C0

#CBA5A0 #D3AEA5 #DCB8AB #E5C2B0 #EDCDB5 #F6D9BA #FFE5C0

#CBA5A0 - #E5C2B0 - #FFE5C0

CSS codes

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

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