#E6C7E2 - #B17897 | 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 #E6C7E2 to #B17897

#E6C7E2 #B17897

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

#E6C7E2 - #B17897 | 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 #E6C7E2 as 0% and #B17897 as 100%.

0.0%	0.0% #E6C7E2	RGB 230 199 226	#E6C7E2
16.7%	16.7% #DDB9D5	RGB 221 185 213	#DDB9D5
33.3%	33.3% #D4ACC9	RGB 212 172 201	#D4ACC9
50.0%	50.0% #CB9FBC	RGB 203 159 188	#CB9FBC
66.7%	66.7% #C292B0	RGB 194 146 176	#C292B0
83.3%	83.3% #B985A3	RGB 185 133 163	#B985A3
100.0%	100.0% #B17897	RGB 177 120 151	#B17897

#E6C7E2 #DDB9D5 #D4ACC9 #CB9FBC #C292B0 #B985A3 #B17897

#E6C7E2 - #B17897

HSV Blend

#E6C7E2 - #B17897 | 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 #E6C7E2 as 0% and #B17897 as 100%.

0.0%	0.0% #E6C7E2	RGB 230 199 226	#E6C7E2
16.7%	16.7% #DDB8D6	RGB 221 184 214	#DDB8D6
33.3%	33.3% #D4AACA	RGB 212 170 202	#D4AACA
50.0%	50.0% #CB9DBD	RGB 203 157 189	#CB9DBD
66.7%	66.7% #C290B1	RGB 194 144 177	#C290B1
83.3%	83.3% #B983A4	RGB 185 131 164	#B983A4
100.0%	100.0% #B17897	RGB 177 120 151	#B17897

#E6C7E2 #DDB8D6 #D4AACA #CB9DBD #C290B1 #B983A4 #B17897

#E6C7E2 - #CB9DBD - #B17897

CSS codes

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

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