#E6E5E8 - #C19CD6 | 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 #E6E5E8 to #C19CD6

#E6E5E8 #C19CD6

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

#E6E5E8 - #C19CD6 | 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 #E6E5E8 as 0% and #C19CD6 as 100%.

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #DFD8E5	RGB 223 216 229	#DFD8E5
33.3%	33.3% #D9CCE2	RGB 217 204 226	#D9CCE2
50.0%	50.0% #D3C0DF	RGB 211 192 223	#D3C0DF
66.7%	66.7% #CDB4DC	RGB 205 180 220	#CDB4DC
83.3%	83.3% #C7A8D9	RGB 199 168 217	#C7A8D9
100.0%	100.0% #C19CD6	RGB 193 156 214	#C19CD6

#E6E5E8 #DFD8E5 #D9CCE2 #D3C0DF #CDB4DC #C7A8D9 #C19CD6

#E6E5E8 - #C19CD6

HSV Blend

#E6E5E8 - #C19CD6 | 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 #E6E5E8 as 0% and #C19CD6 as 100%.

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #DDD8E5	RGB 221 216 229	#DDD8E5
33.3%	33.3% #D5CBE2	RGB 213 203 226	#D5CBE2
50.0%	50.0% #CEBFDF	RGB 206 191 223	#CEBFDF
66.7%	66.7% #C9B3DC	RGB 201 179 220	#C9B3DC
83.3%	83.3% #C4A7D9	RGB 196 167 217	#C4A7D9
100.0%	100.0% #C19CD6	RGB 193 156 214	#C19CD6

#E6E5E8 #DDD8E5 #D5CBE2 #CEBFDF #C9B3DC #C4A7D9 #C19CD6

#E6E5E8 - #CEBFDF - #C19CD6

CSS codes

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

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