#C3AEC7 - #EEE7EF | 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 #C3AEC7 to #EEE7EF

#C3AEC7 #EEE7EF

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

#C3AEC7 - #EEE7EF | 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 #C3AEC7 as 0% and #EEE7EF as 100%.

0.0%	0.0% #C3AEC7	RGB 195 174 199	#C3AEC7
16.7%	16.7% #CAB7CD	RGB 202 183 205	#CAB7CD
33.3%	33.3% #D1C1D4	RGB 209 193 212	#D1C1D4
50.0%	50.0% #D8CADB	RGB 216 202 219	#D8CADB
66.7%	66.7% #DFD4E1	RGB 223 212 225	#DFD4E1
83.3%	83.3% #E6DDE8	RGB 230 221 232	#E6DDE8
100.0%	100.0% #EEE7EF	RGB 238 231 239	#EEE7EF

#C3AEC7 #CAB7CD #D1C1D4 #D8CADB #DFD4E1 #E6DDE8 #EEE7EF

#C3AEC7 - #EEE7EF

HSV Blend

#C3AEC7 - #EEE7EF | 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 #C3AEC7 as 0% and #EEE7EF as 100%.

0.0%	0.0% #C3AEC7	RGB 195 174 199	#C3AEC7
16.7%	16.7% #CAB6CD	RGB 202 182 205	#CAB6CD
33.3%	33.3% #D1C0D4	RGB 209 192 212	#D1C0D4
50.0%	50.0% #D8C9DB	RGB 216 201 219	#D8C9DB
66.7%	66.7% #DFD3E1	RGB 223 211 225	#DFD3E1
83.3%	83.3% #E6DCE8	RGB 230 220 232	#E6DCE8
100.0%	100.0% #EEE7EF	RGB 238 231 239	#EEE7EF

#C3AEC7 #CAB6CD #D1C0D4 #D8C9DB #DFD3E1 #E6DCE8 #EEE7EF

#C3AEC7 - #D8C9DB - #EEE7EF

CSS codes

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

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