#E6B9E3 - #B85EB3 | 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 #E6B9E3 to #B85EB3

#E6B9E3 #B85EB3

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

#E6B9E3 - #B85EB3 | 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 #E6B9E3 as 0% and #B85EB3 as 100%.

0.0%	0.0% #E6B9E3	RGB 230 185 227	#E6B9E3
16.7%	16.7% #DEA9DB	RGB 222 169 219	#DEA9DB
33.3%	33.3% #D69AD3	RGB 214 154 211	#D69AD3
50.0%	50.0% #CF8BCB	RGB 207 139 203	#CF8BCB
66.7%	66.7% #C77CC3	RGB 199 124 195	#C77CC3
83.3%	83.3% #BF6DBB	RGB 191 109 187	#BF6DBB
100.0%	100.0% #B85EB3	RGB 184 94 179	#B85EB3

#E6B9E3 #DEA9DB #D69AD3 #CF8BCB #C77CC3 #BF6DBB #B85EB3

#E6B9E3 - #B85EB3

HSV Blend

#E6B9E3 - #B85EB3 | 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 #E6B9E3 as 0% and #B85EB3 as 100%.

0.0%	0.0% #E6B9E3	RGB 230 185 227	#E6B9E3
16.7%	16.7% #DEA7DA	RGB 222 167 218	#DEA7DA
33.3%	33.3% #D697D2	RGB 214 151 210	#D697D2
50.0%	50.0% #CF88CA	RGB 207 136 202	#CF88CA
66.7%	66.7% #C779C2	RGB 199 121 194	#C779C2
83.3%	83.3% #BF6BBA	RGB 191 107 186	#BF6BBA
100.0%	100.0% #B85EB3	RGB 184 94 179	#B85EB3

#E6B9E3 #DEA7DA #D697D2 #CF88CA #C779C2 #BF6BBA #B85EB3

#E6B9E3 - #CF88CA - #B85EB3

CSS codes

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

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