#E6B9CD - #BA5B83 | 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 #E6B9CD to #BA5B83

#E6B9CD #BA5B83

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

#E6B9CD - #BA5B83 | 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 #E6B9CD as 0% and #BA5B83 as 100%.

0.0%	0.0% #E6B9CD	RGB 230 185 205	#E6B9CD
16.7%	16.7% #DEA9C0	RGB 222 169 192	#DEA9C0
33.3%	33.3% #D799B4	RGB 215 153 180	#D799B4
50.0%	50.0% #D08AA8	RGB 208 138 168	#D08AA8
66.7%	66.7% #C87A9B	RGB 200 122 155	#C87A9B
83.3%	83.3% #C16A8F	RGB 193 106 143	#C16A8F
100.0%	100.0% #BA5B83	RGB 186 91 131	#BA5B83

#E6B9CD #DEA9C0 #D799B4 #D08AA8 #C87A9B #C16A8F #BA5B83

#E6B9CD - #BA5B83

HSV Blend

#E6B9CD - #BA5B83 | 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 #E6B9CD as 0% and #BA5B83 as 100%.

0.0%	0.0% #E6B9CD	RGB 230 185 205	#E6B9CD
16.7%	16.7% #DEA7BF	RGB 222 167 191	#DEA7BF
33.3%	33.3% #D796B2	RGB 215 150 178	#D796B2
50.0%	50.0% #D086A6	RGB 208 134 166	#D086A6
66.7%	66.7% #C8779A	RGB 200 119 154	#C8779A
83.3%	83.3% #C1688E	RGB 193 104 142	#C1688E
100.0%	100.0% #BA5B83	RGB 186 91 131	#BA5B83

#E6B9CD #DEA7BF #D796B2 #D086A6 #C8779A #C1688E #BA5B83

#E6B9CD - #D086A6 - #BA5B83

CSS codes

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

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