#E5C0CD - #BA5175 | 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 #E5C0CD to #BA5175

#E5C0CD #BA5175

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

#E5C0CD - #BA5175 | 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 #E5C0CD as 0% and #BA5175 as 100%.

0.0%	0.0% #E5C0CD	RGB 229 192 205	#E5C0CD
16.7%	16.7% #DDADBE	RGB 221 173 190	#DDADBE
33.3%	33.3% #D69BAF	RGB 214 155 175	#D69BAF
50.0%	50.0% #CF88A1	RGB 207 136 161	#CF88A1
66.7%	66.7% #C87692	RGB 200 118 146	#C87692
83.3%	83.3% #C16383	RGB 193 99 131	#C16383
100.0%	100.0% #BA5175	RGB 186 81 117	#BA5175

#E5C0CD #DDADBE #D69BAF #CF88A1 #C87692 #C16383 #BA5175

#E5C0CD - #BA5175

HSV Blend

#E5C0CD - #BA5175 | 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 #E5C0CD as 0% and #BA5175 as 100%.

0.0%	0.0% #E5C0CD	RGB 229 192 205	#E5C0CD
16.7%	16.7% #DDABBC	RGB 221 171 188	#DDABBC
33.3%	33.3% #D697AD	RGB 214 151 173	#D697AD
50.0%	50.0% #CF849E	RGB 207 132 158	#CF849E
66.7%	66.7% #C8728F	RGB 200 114 143	#C8728F
83.3%	83.3% #C16182	RGB 193 97 130	#C16182
100.0%	100.0% #BA5175	RGB 186 81 117	#BA5175

#E5C0CD #DDABBC #D697AD #CF849E #C8728F #C16182 #BA5175

#E5C0CD - #CF849E - #BA5175

CSS codes

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

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