#C3B9A2 - #FFD1B5 | 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 #C3B9A2 to #FFD1B5

#C3B9A2 #FFD1B5

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

#C3B9A2 - #FFD1B5 | 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 #C3B9A2 as 0% and #FFD1B5 as 100%.

0.0%	0.0% #C3B9A2	RGB 195 185 162	#C3B9A2
16.7%	16.7% #CDBDA5	RGB 205 189 165	#CDBDA5
33.3%	33.3% #D7C1A8	RGB 215 193 168	#D7C1A8
50.0%	50.0% #E1C5AB	RGB 225 197 171	#E1C5AB
66.7%	66.7% #EBC9AE	RGB 235 201 174	#EBC9AE
83.3%	83.3% #F5CDB1	RGB 245 205 177	#F5CDB1
100.0%	100.0% #FFD1B5	RGB 255 209 181	#FFD1B5

#C3B9A2 #CDBDA5 #D7C1A8 #E1C5AB #EBC9AE #F5CDB1 #FFD1B5

#C3B9A2 - #FFD1B5

HSV Blend

#C3B9A2 - #FFD1B5 | 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 #C3B9A2 as 0% and #FFD1B5 as 100%.

0.0%	0.0% #C3B9A2	RGB 195 185 162	#C3B9A2
16.7%	16.7% #CDBFA6	RGB 205 191 166	#CDBFA6
33.3%	33.3% #D7C4A9	RGB 215 196 169	#D7C4A9
50.0%	50.0% #E1C9AD	RGB 225 201 173	#E1C9AD
66.7%	66.7% #EBCCB0	RGB 235 204 176	#EBCCB0
83.3%	83.3% #F5CFB2	RGB 245 207 178	#F5CFB2
100.0%	100.0% #FFD1B5	RGB 255 209 181	#FFD1B5

#C3B9A2 #CDBFA6 #D7C4A9 #E1C9AD #EBCCB0 #F5CFB2 #FFD1B5

#C3B9A2 - #E1C9AD - #FFD1B5

CSS codes

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

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