#C4AAA8 - #E3B6D9 | 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 #C4AAA8 to #E3B6D9

#C4AAA8 #E3B6D9

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

#C4AAA8 - #E3B6D9 | 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 #C4AAA8 as 0% and #E3B6D9 as 100%.

0.0%	0.0% #C4AAA8	RGB 196 170 168	#C4AAA8
16.7%	16.7% #C9ACB0	RGB 201 172 176	#C9ACB0
33.3%	33.3% #CEAEB8	RGB 206 174 184	#CEAEB8
50.0%	50.0% #D3B0C0	RGB 211 176 192	#D3B0C0
66.7%	66.7% #D8B2C8	RGB 216 178 200	#D8B2C8
83.3%	83.3% #DDB4D0	RGB 221 180 208	#DDB4D0
100.0%	100.0% #E3B6D9	RGB 227 182 217	#E3B6D9

#C4AAA8 #C9ACB0 #CEAEB8 #D3B0C0 #D8B2C8 #DDB4D0 #E3B6D9

#C4AAA8 - #E3B6D9

HSV Blend

#C4AAA8 - #E3B6D9 | 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 #C4AAA8 as 0% and #E3B6D9 as 100%.

0.0%	0.0% #C4AAA8	RGB 196 170 168	#C4AAA8
16.7%	16.7% #C9AAAC	RGB 201 170 172	#C9AAAC
33.3%	33.3% #CEADB4	RGB 206 173 180	#CEADB4
50.0%	50.0% #D3AFBC	RGB 211 175 188	#D3AFBC
66.7%	66.7% #D8B1C4	RGB 216 177 196	#D8B1C4
83.3%	83.3% #DDB3CE	RGB 221 179 206	#DDB3CE
100.0%	100.0% #E3B6D9	RGB 227 182 217	#E3B6D9

#C4AAA8 #C9AAAC #CEADB4 #D3AFBC #D8B1C4 #DDB3CE #E3B6D9

#C4AAA8 - #D3AFBC - #E3B6D9

CSS codes

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

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