#C0ABA2 - #FFF5C2 | 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 #C0ABA2 to #FFF5C2

#C0ABA2 #FFF5C2

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

#C0ABA2 - #FFF5C2 | 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 #C0ABA2 as 0% and #FFF5C2 as 100%.

0.0%	0.0% #C0ABA2	RGB 192 171 162	#C0ABA2
16.7%	16.7% #CAB7A7	RGB 202 183 167	#CAB7A7
33.3%	33.3% #D5C3AC	RGB 213 195 172	#D5C3AC
50.0%	50.0% #DFD0B2	RGB 223 208 178	#DFD0B2
66.7%	66.7% #EADCB7	RGB 234 220 183	#EADCB7
83.3%	83.3% #F4E8BC	RGB 244 232 188	#F4E8BC
100.0%	100.0% #FFF5C2	RGB 255 245 194	#FFF5C2

#C0ABA2 #CAB7A7 #D5C3AC #DFD0B2 #EADCB7 #F4E8BC #FFF5C2

#C0ABA2 - #FFF5C2

HSV Blend

#C0ABA2 - #FFF5C2 | 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 #C0ABA2 as 0% and #FFF5C2 as 100%.

0.0%	0.0% #C0ABA2	RGB 192 171 162	#C0ABA2
16.7%	16.7% #CAB5A8	RGB 202 181 168	#CAB5A8
33.3%	33.3% #D5C0AD	RGB 213 192 173	#D5C0AD
50.0%	50.0% #DFCCB3	RGB 223 204 179	#DFCCB3
66.7%	66.7% #EAD9B8	RGB 234 217 184	#EAD9B8
83.3%	83.3% #F4E6BD	RGB 244 230 189	#F4E6BD
100.0%	100.0% #FFF5C2	RGB 255 245 194	#FFF5C2

#C0ABA2 #CAB5A8 #D5C0AD #DFCCB3 #EAD9B8 #F4E6BD #FFF5C2

#C0ABA2 - #DFCCB3 - #FFF5C2

CSS codes

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

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