#C8ACCA - #EFE7EE | 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 #C8ACCA to #EFE7EE

#C8ACCA #EFE7EE

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

#C8ACCA - #EFE7EE | 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 #C8ACCA as 0% and #EFE7EE as 100%.

0.0%	0.0% #C8ACCA	RGB 200 172 202	#C8ACCA
16.7%	16.7% #CEB5D0	RGB 206 181 208	#CEB5D0
33.3%	33.3% #D5BFD6	RGB 213 191 214	#D5BFD6
50.0%	50.0% #DBC9DC	RGB 219 201 220	#DBC9DC
66.7%	66.7% #E2D3E2	RGB 226 211 226	#E2D3E2
83.3%	83.3% #E8DDE8	RGB 232 221 232	#E8DDE8
100.0%	100.0% #EFE7EE	RGB 239 231 238	#EFE7EE

#C8ACCA #CEB5D0 #D5BFD6 #DBC9DC #E2D3E2 #E8DDE8 #EFE7EE

#C8ACCA - #EFE7EE

HSV Blend

#C8ACCA - #EFE7EE | 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 #C8ACCA as 0% and #EFE7EE as 100%.

0.0%	0.0% #C8ACCA	RGB 200 172 202	#C8ACCA
16.7%	16.7% #CFB5D0	RGB 207 181 208	#CFB5D0
33.3%	33.3% #D6BED6	RGB 214 190 214	#D6BED6
50.0%	50.0% #DCC8DB	RGB 220 200 219	#DCC8DB
66.7%	66.7% #E2D2E1	RGB 226 210 225	#E2D2E1
83.3%	83.3% #E8DCE7	RGB 232 220 231	#E8DCE7
100.0%	100.0% #EFE7EE	RGB 239 231 238	#EFE7EE

#C8ACCA #CFB5D0 #D6BED6 #DCC8DB #E2D2E1 #E8DCE7 #EFE7EE

#C8ACCA - #DCC8DB - #EFE7EE

CSS codes

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

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