#AC5E6B - #C5ADB2 | 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 #AC5E6B à #C5ADB2

#AC5E6B #C5ADB2

Calculez la couleur entre deux couleurs, #AC5E6B et #C5ADB2. 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)

#AC5E6B - #C5ADB2 | 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 #AC5E6B 0% et #C5ADB2 100%.

0.0%	0.0% #AC5E6B	RVB 172 94 107	#AC5E6B
16.7%	16.7% #B06B76	RVB 176 107 118	#B06B76
33.3%	33.3% #B47882	RVB 180 120 130	#B47882
50.0%	50.0% #B8858E	RVB 184 133 142	#B8858E
66.7%	66.7% #BC929A	RVB 188 146 154	#BC929A
83.3%	83.3% #C09FA6	RVB 192 159 166	#C09FA6
100.0%	100.0% #C5ADB2	RVB 197 173 178	#C5ADB2

#AC5E6B #B06B76 #B47882 #B8858E #BC929A #C09FA6 #C5ADB2

#AC5E6B - #C5ADB2

Mélange HSV

#AC5E6B - #C5ADB2 | 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 #AC5E6B 0% et #C5ADB2 100%.

0.0%	0.0% #AC5E6B	RVB 172 94 107	#AC5E6B
16.7%	16.7% #B06A76	RVB 176 106 118	#B06A76
33.3%	33.3% #B47681	RVB 180 118 129	#B47681
50.0%	50.0% #B8838D	RVB 184 131 141	#B8838D
66.7%	66.7% #BC9099	RVB 188 144 153	#BC9099
83.3%	83.3% #C09EA5	RVB 192 158 165	#C09EA5
100.0%	100.0% #C5ADB2	RVB 197 173 178	#C5ADB2

#AC5E6B #B06A76 #B47681 #B8838D #BC9099 #C09EA5 #C5ADB2

#AC5E6B - #B8838D - #C5ADB2

Codes CSS

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

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