#E6DFEC - #8682B6 | 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 #E6DFEC to #8682B6

#E6DFEC #8682B6

Calculate the color between two colors, #E6DFEC and #8682B6. 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)

#E6DFEC - #8682B6 | 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 #E6DFEC as 0% and #8682B6 as 100%.

0.0%	0.0% #E6DFEC	RGB 230 223 236	#E6DFEC
16.7%	16.7% #D6CFE3	RGB 214 207 227	#D6CFE3
33.3%	33.3% #C6C0DA	RGB 198 192 218	#C6C0DA
50.0%	50.0% #B6B0D1	RGB 182 176 209	#B6B0D1
66.7%	66.7% #A6A1C8	RGB 166 161 200	#A6A1C8
83.3%	83.3% #9691BF	RGB 150 145 191	#9691BF
100.0%	100.0% #8682B6	RGB 134 130 182	#8682B6

#E6DFEC #D6CFE3 #C6C0DA #B6B0D1 #A6A1C8 #9691BF #8682B6

#E6DFEC - #8682B6

HSV Blend

#E6DFEC - #8682B6 | 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 #E6DFEC as 0% and #8682B6 as 100%.

0.0%	0.0% #E6DFEC	RGB 230 223 236	#E6DFEC
16.7%	16.7% #D7CDE3	RGB 215 205 227	#D7CDE3
33.3%	33.3% #C8BDDA	RGB 200 189 218	#C8BDDA
50.0%	50.0% #B8ADD1	RGB 184 173 209	#B8ADD1
66.7%	66.7% #A79EC8	RGB 167 158 200	#A79EC8
83.3%	83.3% #978FBF	RGB 151 143 191	#978FBF
100.0%	100.0% #8682B6	RGB 134 130 182	#8682B6

#E6DFEC #D7CDE3 #C8BDDA #B8ADD1 #A79EC8 #978FBF #8682B6

#E6DFEC - #B8ADD1 - #8682B6

CSS codes

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

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