#CAB5A8 - #FFC1BA | 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 #CAB5A8 to #FFC1BA

#CAB5A8 #FFC1BA

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

#CAB5A8 - #FFC1BA | 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 #CAB5A8 as 0% and #FFC1BA as 100%.

0.0%	0.0% #CAB5A8	RGB 202 181 168	#CAB5A8
16.7%	16.7% #D2B7AB	RGB 210 183 171	#D2B7AB
33.3%	33.3% #DBB9AE	RGB 219 185 174	#DBB9AE
50.0%	50.0% #E4BBB1	RGB 228 187 177	#E4BBB1
66.7%	66.7% #EDBDB4	RGB 237 189 180	#EDBDB4
83.3%	83.3% #F6BFB7	RGB 246 191 183	#F6BFB7
100.0%	100.0% #FFC1BA	RGB 255 193 186	#FFC1BA

#CAB5A8 #D2B7AB #DBB9AE #E4BBB1 #EDBDB4 #F6BFB7 #FFC1BA

#CAB5A8 - #FFC1BA

HSV Blend

#CAB5A8 - #FFC1BA | 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 #CAB5A8 as 0% and #FFC1BA as 100%.

0.0%	0.0% #CAB5A8	RGB 202 181 168	#CAB5A8
16.7%	16.7% #D2B8AB	RGB 210 184 171	#D2B8AB
33.3%	33.3% #DBBCAF	RGB 219 188 175	#DBBCAF
50.0%	50.0% #E4BEB2	RGB 228 190 178	#E4BEB2
66.7%	66.7% #EDC0B5	RGB 237 192 181	#EDC0B5
83.3%	83.3% #F6C1B7	RGB 246 193 183	#F6C1B7
100.0%	100.0% #FFC1BA	RGB 255 193 186	#FFC1BA

#CAB5A8 #D2B8AB #DBBCAF #E4BEB2 #EDC0B5 #F6C1B7 #FFC1BA

#CAB5A8 - #E4BEB2 - #FFC1BA

CSS codes

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

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