#C6ADB2 - #FFE8C7 | 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 #C6ADB2 to #FFE8C7

#C6ADB2 #FFE8C7

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

#C6ADB2 - #FFE8C7 | 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 #C6ADB2 as 0% and #FFE8C7 as 100%.

0.0%	0.0% #C6ADB2	RGB 198 173 178	#C6ADB2
16.7%	16.7% #CFB6B5	RGB 207 182 181	#CFB6B5
33.3%	33.3% #D9C0B9	RGB 217 192 185	#D9C0B9
50.0%	50.0% #E2CABC	RGB 226 202 188	#E2CABC
66.7%	66.7% #ECD4C0	RGB 236 212 192	#ECD4C0
83.3%	83.3% #F5DEC3	RGB 245 222 195	#F5DEC3
100.0%	100.0% #FFE8C7	RGB 255 232 199	#FFE8C7

#C6ADB2 #CFB6B5 #D9C0B9 #E2CABC #ECD4C0 #F5DEC3 #FFE8C7

#C6ADB2 - #FFE8C7

HSV Blend

#C6ADB2 - #FFE8C7 | 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 #C6ADB2 as 0% and #FFE8C7 as 100%.

0.0%	0.0% #C6ADB2	RGB 198 173 178	#C6ADB2
16.7%	16.7% #CFB2B4	RGB 207 178 180	#CFB2B4
33.3%	33.3% #D9B9B6	RGB 217 185 182	#D9B9B6
50.0%	50.0% #E2C2BB	RGB 226 194 187	#E2C2BB
66.7%	66.7% #ECCEBF	RGB 236 206 191	#ECCEBF
83.3%	83.3% #F5DAC3	RGB 245 218 195	#F5DAC3
100.0%	100.0% #FFE8C7	RGB 255 232 199	#FFE8C7

#C6ADB2 #CFB2B4 #D9B9B6 #E2C2BB #ECCEBF #F5DAC3 #FFE8C7

#C6ADB2 - #E2C2BB - #FFE8C7

CSS codes

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

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