#E7E6EC - #A795B0 | 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 #E7E6EC to #A795B0

#E7E6EC #A795B0

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

#E7E6EC - #A795B0 | 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 #E7E6EC as 0% and #A795B0 as 100%.

0.0%	0.0% #E7E6EC	RGB 231 230 236	#E7E6EC
16.7%	16.7% #DCD8E2	RGB 220 216 226	#DCD8E2
33.3%	33.3% #D1CBD8	RGB 209 203 216	#D1CBD8
50.0%	50.0% #C7BDCE	RGB 199 189 206	#C7BDCE
66.7%	66.7% #BCB0C4	RGB 188 176 196	#BCB0C4
83.3%	83.3% #B1A2BA	RGB 177 162 186	#B1A2BA
100.0%	100.0% #A795B0	RGB 167 149 176	#A795B0

#E7E6EC #DCD8E2 #D1CBD8 #C7BDCE #BCB0C4 #B1A2BA #A795B0

#E7E6EC - #A795B0

HSV Blend

#E7E6EC - #A795B0 | 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 #E7E6EC as 0% and #A795B0 as 100%.

0.0%	0.0% #E7E6EC	RGB 231 230 236	#E7E6EC
16.7%	16.7% #DAD7E2	RGB 218 215 226	#DAD7E2
33.3%	33.3% #CEC9D8	RGB 206 201 216	#CEC9D8
50.0%	50.0% #C3BBCE	RGB 195 187 206	#C3BBCE
66.7%	66.7% #B9AEC4	RGB 185 174 196	#B9AEC4
83.3%	83.3% #AFA1BA	RGB 175 161 186	#AFA1BA
100.0%	100.0% #A795B0	RGB 167 149 176	#A795B0

#E7E6EC #DAD7E2 #CEC9D8 #C3BBCE #B9AEC4 #AFA1BA #A795B0

#E7E6EC - #C3BBCE - #A795B0

CSS codes

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

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