#E7B5DE - #C6C7E7 | 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 #E7B5DE to #C6C7E7

#E7B5DE #C6C7E7

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

#E7B5DE - #C6C7E7 | 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 #E7B5DE as 0% and #C6C7E7 as 100%.

0.0%	0.0% #E7B5DE	RGB 231 181 222	#E7B5DE
16.7%	16.7% #E1B8DF	RGB 225 184 223	#E1B8DF
33.3%	33.3% #DCBBE1	RGB 220 187 225	#DCBBE1
50.0%	50.0% #D6BEE2	RGB 214 190 226	#D6BEE2
66.7%	66.7% #D1C1E4	RGB 209 193 228	#D1C1E4
83.3%	83.3% #CBC4E5	RGB 203 196 229	#CBC4E5
100.0%	100.0% #C6C7E7	RGB 198 199 231	#C6C7E7

#E7B5DE #E1B8DF #DCBBE1 #D6BEE2 #D1C1E4 #CBC4E5 #C6C7E7

#E7B5DE - #C6C7E7

HSV Blend

#E7B5DE - #C6C7E7 | 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 #E7B5DE as 0% and #C6C7E7 as 100%.

0.0%	0.0% #E7B5DE	RGB 231 181 222	#E7B5DE
16.7%	16.7% #E5B7E7	RGB 229 183 231	#E5B7E7
33.3%	33.3% #DDBAE7	RGB 221 186 231	#DDBAE7
50.0%	50.0% #D5BDE7	RGB 213 189 231	#D5BDE7
66.7%	66.7% #CEC0E7	RGB 206 192 231	#CEC0E7
83.3%	83.3% #C9C3E7	RGB 201 195 231	#C9C3E7
100.0%	100.0% #C6C7E7	RGB 198 199 231	#C6C7E7

#E7B5DE #E5B7E7 #DDBAE7 #D5BDE7 #CEC0E7 #C9C3E7 #C6C7E7

#E7B5DE - #D5BDE7 - #C6C7E7

CSS codes

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

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