#E6D6F5 - #B085E0 | 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 #E6D6F5 to #B085E0

#E6D6F5 #B085E0

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

#E6D6F5 - #B085E0 | 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 #E6D6F5 as 0% and #B085E0 as 100%.

0.0%	0.0% #E6D6F5	RGB 230 214 245	#E6D6F5
16.7%	16.7% #DDC8F1	RGB 221 200 241	#DDC8F1
33.3%	33.3% #D4BBEE	RGB 212 187 238	#D4BBEE
50.0%	50.0% #CBADEA	RGB 203 173 234	#CBADEA
66.7%	66.7% #C2A0E7	RGB 194 160 231	#C2A0E7
83.3%	83.3% #B992E3	RGB 185 146 227	#B992E3
100.0%	100.0% #B085E0	RGB 176 133 224	#B085E0

#E6D6F5 #DDC8F1 #D4BBEE #CBADEA #C2A0E7 #B992E3 #B085E0

#E6D6F5 - #B085E0

HSV Blend

#E6D6F5 - #B085E0 | 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 #E6D6F5 as 0% and #B085E0 as 100%.

0.0%	0.0% #E6D6F5	RGB 230 214 245	#E6D6F5
16.7%	16.7% #DCC7F1	RGB 220 199 241	#DCC7F1
33.3%	33.3% #D3B9EE	RGB 211 185 238	#D3B9EE
50.0%	50.0% #CAACEA	RGB 202 172 234	#CAACEA
66.7%	66.7% #C19EE7	RGB 193 158 231	#C19EE7
83.3%	83.3% #B891E3	RGB 184 145 227	#B891E3
100.0%	100.0% #B085E0	RGB 176 133 224	#B085E0

#E6D6F5 #DCC7F1 #D3B9EE #CAACEA #C19EE7 #B891E3 #B085E0

#E6D6F5 - #CAACEA - #B085E0

CSS codes

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

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