#C0AEAB - #FFE7C7 | 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 #C0AEAB to #FFE7C7

#C0AEAB #FFE7C7

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

#C0AEAB - #FFE7C7 | 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 #C0AEAB as 0% and #FFE7C7 as 100%.

0.0%	0.0% #C0AEAB	RGB 192 174 171	#C0AEAB
16.7%	16.7% #CAB7AF	RGB 202 183 175	#CAB7AF
33.3%	33.3% #D5C1B4	RGB 213 193 180	#D5C1B4
50.0%	50.0% #DFCAB9	RGB 223 202 185	#DFCAB9
66.7%	66.7% #EAD4BD	RGB 234 212 189	#EAD4BD
83.3%	83.3% #F4DDC2	RGB 244 221 194	#F4DDC2
100.0%	100.0% #FFE7C7	RGB 255 231 199	#FFE7C7

#C0AEAB #CAB7AF #D5C1B4 #DFCAB9 #EAD4BD #F4DDC2 #FFE7C7

#C0AEAB - #FFE7C7

HSV Blend

#C0AEAB - #FFE7C7 | 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 #C0AEAB as 0% and #FFE7C7 as 100%.

0.0%	0.0% #C0AEAB	RGB 192 174 171	#C0AEAB
16.7%	16.7% #CAB6B0	RGB 202 182 176	#CAB6B0
33.3%	33.3% #D5BEB5	RGB 213 190 181	#D5BEB5
50.0%	50.0% #DFC7BA	RGB 223 199 186	#DFC7BA
66.7%	66.7% #EAD1BF	RGB 234 209 191	#EAD1BF
83.3%	83.3% #F4DBC3	RGB 244 219 195	#F4DBC3
100.0%	100.0% #FFE7C7	RGB 255 231 199	#FFE7C7

#C0AEAB #CAB6B0 #D5BEB5 #DFC7BA #EAD1BF #F4DBC3 #FFE7C7

#C0AEAB - #DFC7BA - #FFE7C7

CSS codes

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

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