#C6B6D6 - #EEEAF3 | 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 #C6B6D6 to #EEEAF3

#C6B6D6 #EEEAF3

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

#C6B6D6 - #EEEAF3 | 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 #C6B6D6 as 0% and #EEEAF3 as 100%.

0.0%	0.0% #C6B6D6	RGB 198 182 214	#C6B6D6
16.7%	16.7% #CCBEDA	RGB 204 190 218	#CCBEDA
33.3%	33.3% #D3C7DF	RGB 211 199 223	#D3C7DF
50.0%	50.0% #DAD0E4	RGB 218 208 228	#DAD0E4
66.7%	66.7% #E0D8E9	RGB 224 216 233	#E0D8E9
83.3%	83.3% #E7E1EE	RGB 231 225 238	#E7E1EE
100.0%	100.0% #EEEAF3	RGB 238 234 243	#EEEAF3

#C6B6D6 #CCBEDA #D3C7DF #DAD0E4 #E0D8E9 #E7E1EE #EEEAF3

#C6B6D6 - #EEEAF3

HSV Blend

#C6B6D6 - #EEEAF3 | 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 #C6B6D6 as 0% and #EEEAF3 as 100%.

0.0%	0.0% #C6B6D6	RGB 198 182 214	#C6B6D6
16.7%	16.7% #CCBEDA	RGB 204 190 218	#CCBEDA
33.3%	33.3% #D2C6DF	RGB 210 198 223	#D2C6DF
50.0%	50.0% #D9CFE4	RGB 217 207 228	#D9CFE4
66.7%	66.7% #DFD7E9	RGB 223 215 233	#DFD7E9
83.3%	83.3% #E6E0EE	RGB 230 224 238	#E6E0EE
100.0%	100.0% #EEEAF3	RGB 238 234 243	#EEEAF3

#C6B6D6 #CCBEDA #D2C6DF #D9CFE4 #DFD7E9 #E6E0EE #EEEAF3

#C6B6D6 - #D9CFE4 - #EEEAF3

CSS codes

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

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