#BA5E5E - #C8AFE0 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #BA5E5E à #C8AFE0

#BA5E5E #C8AFE0

Calculez la couleur entre deux couleurs, #BA5E5E et #C8AFE0. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#BA5E5E - #C8AFE0 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #BA5E5E 0% et #C8AFE0 100%.

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

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

#BA5E5E - #C8AFE0

Mélange HSV

#BA5E5E - #C8AFE0 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #BA5E5E 0% et #C8AFE0 100%.

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

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

#BA5E5E - #CD83BA - #C8AFE0

Codes CSS

<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>