#C8ADC0 - #EFE7EC | 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 #C8ADC0 to #EFE7EC

#C8ADC0 #EFE7EC

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

#C8ADC0 - #EFE7EC | 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 #C8ADC0 as 0% and #EFE7EC as 100%.

0.0%	0.0% #C8ADC0	RGB 200 173 192	#C8ADC0
16.7%	16.7% #CEB6C7	RGB 206 182 199	#CEB6C7
33.3%	33.3% #D5C0CE	RGB 213 192 206	#D5C0CE
50.0%	50.0% #DBCAD6	RGB 219 202 214	#DBCAD6
66.7%	66.7% #E2D3DD	RGB 226 211 221	#E2D3DD
83.3%	83.3% #E8DDE4	RGB 232 221 228	#E8DDE4
100.0%	100.0% #EFE7EC	RGB 239 231 236	#EFE7EC

#C8ADC0 #CEB6C7 #D5C0CE #DBCAD6 #E2D3DD #E8DDE4 #EFE7EC

#C8ADC0 - #EFE7EC

HSV Blend

#C8ADC0 - #EFE7EC | 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 #C8ADC0 as 0% and #EFE7EC as 100%.

0.0%	0.0% #C8ADC0	RGB 200 173 192	#C8ADC0
16.7%	16.7% #CEB6C6	RGB 206 182 198	#CEB6C6
33.3%	33.3% #D5BFCE	RGB 213 191 206	#D5BFCE
50.0%	50.0% #DBC9D5	RGB 219 201 213	#DBC9D5
66.7%	66.7% #E2D2DC	RGB 226 210 220	#E2D2DC
83.3%	83.3% #E8DCE4	RGB 232 220 228	#E8DCE4
100.0%	100.0% #EFE7EC	RGB 239 231 236	#EFE7EC

#C8ADC0 #CEB6C6 #D5BFCE #DBC9D5 #E2D2DC #E8DCE4 #EFE7EC

#C8ADC0 - #DBC9D5 - #EFE7EC

CSS codes

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

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