#BA5E5E - #C8AFE0 | 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 #BA5E5E to #C8AFE0

#BA5E5E #C8AFE0

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

#BA5E5E - #C8AFE0 | 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 #BA5E5E as 0% and #C8AFE0 as 100%.

0.0%	0.0% #BA5E5E	RGB 186 94 94	#BA5E5E
16.7%	16.7% #BC6B73	RGB 188 107 115	#BC6B73
33.3%	33.3% #BE7989	RGB 190 121 137	#BE7989
50.0%	50.0% #C1869F	RGB 193 134 159	#C1869F
66.7%	66.7% #C394B4	RGB 195 148 180	#C394B4
83.3%	83.3% #C5A1CA	RGB 197 161 202	#C5A1CA
100.0%	100.0% #C8AFE0	RGB 200 175 224	#C8AFE0

#BA5E5E #BC6B73 #BE7989 #C1869F #C394B4 #C5A1CA #C8AFE0

#BA5E5E - #C8AFE0

HSV Blend

#BA5E5E - #C8AFE0 | 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 #BA5E5E as 0% and #C8AFE0 as 100%.

0.0%	0.0% #BA5E5E	RGB 186 94 94	#BA5E5E
16.7%	16.7% #C06A7F	RGB 192 106 127	#C06A7F
33.3%	33.3% #C6769E	RGB 198 118 158	#C6769E
50.0%	50.0% #CD83BA	RGB 205 131 186	#CD83BA
66.7%	66.7% #D391D2	RGB 211 145 210	#D391D2
83.3%	83.3% #CBA0D9	RGB 203 160 217	#CBA0D9
100.0%	100.0% #C8AFE0	RGB 200 175 224	#C8AFE0

#BA5E5E #C06A7F #C6769E #CD83BA #D391D2 #CBA0D9 #C8AFE0

#BA5E5E - #CD83BA - #C8AFE0

CSS codes

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

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