#E6B9C8 - #B85E7D | 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 #E6B9C8 to #B85E7D

#E6B9C8 #B85E7D

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

#E6B9C8 - #B85E7D | 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 #E6B9C8 as 0% and #B85E7D as 100%.

0.0%	0.0% #E6B9C8	RGB 230 185 200	#E6B9C8
16.7%	16.7% #DEA9BB	RGB 222 169 187	#DEA9BB
33.3%	33.3% #D69AAF	RGB 214 154 175	#D69AAF
50.0%	50.0% #CF8BA2	RGB 207 139 162	#CF8BA2
66.7%	66.7% #C77C96	RGB 199 124 150	#C77C96
83.3%	83.3% #BF6D89	RGB 191 109 137	#BF6D89
100.0%	100.0% #B85E7D	RGB 184 94 125	#B85E7D

#E6B9C8 #DEA9BB #D69AAF #CF8BA2 #C77C96 #BF6D89 #B85E7D

#E6B9C8 - #B85E7D

HSV Blend

#E6B9C8 - #B85E7D | 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 #E6B9C8 as 0% and #B85E7D as 100%.

0.0%	0.0% #E6B9C8	RGB 230 185 200	#E6B9C8
16.7%	16.7% #DEA7BA	RGB 222 167 186	#DEA7BA
33.3%	33.3% #D697AC	RGB 214 151 172	#D697AC
50.0%	50.0% #CF88A0	RGB 207 136 160	#CF88A0
66.7%	66.7% #C77993	RGB 199 121 147	#C77993
83.3%	83.3% #BF6B88	RGB 191 107 136	#BF6B88
100.0%	100.0% #B85E7D	RGB 184 94 125	#B85E7D

#E6B9C8 #DEA7BA #D697AC #CF88A0 #C77993 #BF6B88 #B85E7D

#E6B9C8 - #CF88A0 - #B85E7D

CSS codes

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

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