#C6ADAA - #FFE8C8 | 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 #C6ADAA to #FFE8C8

#C6ADAA #FFE8C8

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

#C6ADAA - #FFE8C8 | 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 #C6ADAA as 0% and #FFE8C8 as 100%.

0.0%	0.0% #C6ADAA	RGB 198 173 170	#C6ADAA
16.7%	16.7% #CFB6AF	RGB 207 182 175	#CFB6AF
33.3%	33.3% #D9C0B4	RGB 217 192 180	#D9C0B4
50.0%	50.0% #E2CAB9	RGB 226 202 185	#E2CAB9
66.7%	66.7% #ECD4BE	RGB 236 212 190	#ECD4BE
83.3%	83.3% #F5DEC3	RGB 245 222 195	#F5DEC3
100.0%	100.0% #FFE8C8	RGB 255 232 200	#FFE8C8

#C6ADAA #CFB6AF #D9C0B4 #E2CAB9 #ECD4BE #F5DEC3 #FFE8C8

#C6ADAA - #FFE8C8

HSV Blend

#C6ADAA - #FFE8C8 | 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 #C6ADAA as 0% and #FFE8C8 as 100%.

0.0%	0.0% #C6ADAA	RGB 198 173 170	#C6ADAA
16.7%	16.7% #CFB5AF	RGB 207 181 175	#CFB5AF
33.3%	33.3% #D9BEB4	RGB 217 190 180	#D9BEB4
50.0%	50.0% #E2C7BA	RGB 226 199 186	#E2C7BA
66.7%	66.7% #ECD2BE	RGB 236 210 190	#ECD2BE
83.3%	83.3% #F5DCC3	RGB 245 220 195	#F5DCC3
100.0%	100.0% #FFE8C8	RGB 255 232 200	#FFE8C8

#C6ADAA #CFB5AF #D9BEB4 #E2C7BA #ECD2BE #F5DCC3 #FFE8C8

#C6ADAA - #E2C7BA - #FFE8C8

CSS codes

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

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