#E6B5D0 - #B85170 | 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 #E6B5D0 to #B85170

#E6B5D0 #B85170

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

#E6B5D0 - #B85170 | 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 #E6B5D0 as 0% and #B85170 as 100%.

0.0%	0.0% #E6B5D0	RGB 230 181 208	#E6B5D0
16.7%	16.7% #DEA4C0	RGB 222 164 192	#DEA4C0
33.3%	33.3% #D693B0	RGB 214 147 176	#D693B0
50.0%	50.0% #CF83A0	RGB 207 131 160	#CF83A0
66.7%	66.7% #C77290	RGB 199 114 144	#C77290
83.3%	83.3% #BF6180	RGB 191 97 128	#BF6180
100.0%	100.0% #B85170	RGB 184 81 112	#B85170

#E6B5D0 #DEA4C0 #D693B0 #CF83A0 #C77290 #BF6180 #B85170

#E6B5D0 - #B85170

HSV Blend

#E6B5D0 - #B85170 | 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 #E6B5D0 as 0% and #B85170 as 100%.

0.0%	0.0% #E6B5D0	RGB 230 181 208	#E6B5D0
16.7%	16.7% #DEA2C0	RGB 222 162 192	#DEA2C0
33.3%	33.3% #D690B1	RGB 214 144 177	#D690B1
50.0%	50.0% #CF7FA1	RGB 207 127 161	#CF7FA1
66.7%	66.7% #C76E90	RGB 199 110 144	#C76E90
83.3%	83.3% #BF5F80	RGB 191 95 128	#BF5F80
100.0%	100.0% #B85170	RGB 184 81 112	#B85170

#E6B5D0 #DEA2C0 #D690B1 #CF7FA1 #C76E90 #BF5F80 #B85170

#E6B5D0 - #CF7FA1 - #B85170

CSS codes

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

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