#E6B8CD - #BA5983 | 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 #E6B8CD to #BA5983

#E6B8CD #BA5983

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

#E6B8CD - #BA5983 | 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 #E6B8CD as 0% and #BA5983 as 100%.

0.0%	0.0% #E6B8CD	RGB 230 184 205	#E6B8CD
16.7%	16.7% #DEA8C0	RGB 222 168 192	#DEA8C0
33.3%	33.3% #D798B4	RGB 215 152 180	#D798B4
50.0%	50.0% #D088A8	RGB 208 136 168	#D088A8
66.7%	66.7% #C8789B	RGB 200 120 155	#C8789B
83.3%	83.3% #C1688F	RGB 193 104 143	#C1688F
100.0%	100.0% #BA5983	RGB 186 89 131	#BA5983

#E6B8CD #DEA8C0 #D798B4 #D088A8 #C8789B #C1688F #BA5983

#E6B8CD - #BA5983

HSV Blend

#E6B8CD - #BA5983 | 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 #E6B8CD as 0% and #BA5983 as 100%.

0.0%	0.0% #E6B8CD	RGB 230 184 205	#E6B8CD
16.7%	16.7% #DEA6BF	RGB 222 166 191	#DEA6BF
33.3%	33.3% #D795B2	RGB 215 149 178	#D795B2
50.0%	50.0% #D084A6	RGB 208 132 166	#D084A6
66.7%	66.7% #C8759A	RGB 200 117 154	#C8759A
83.3%	83.3% #C1668E	RGB 193 102 142	#C1668E
100.0%	100.0% #BA5983	RGB 186 89 131	#BA5983

#E6B8CD #DEA6BF #D795B2 #D084A6 #C8759A #C1668E #BA5983

#E6B8CD - #D084A6 - #BA5983

CSS codes

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

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