#AD4E5E - #E7CCD1 | 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 #AD4E5E à #E7CCD1

#AD4E5E #E7CCD1

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

#AD4E5E - #E7CCD1 | 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 #AD4E5E 0% et #E7CCD1 100%.

0.0%	0.0% #AD4E5E	RVB 173 78 94	#AD4E5E
16.7%	16.7% #B66371	RVB 182 99 113	#B66371
33.3%	33.3% #C07884	RVB 192 120 132	#C07884
50.0%	50.0% #CA8D97	RVB 202 141 151	#CA8D97
66.7%	66.7% #D3A2AA	RVB 211 162 170	#D3A2AA
83.3%	83.3% #DDB7BD	RVB 221 183 189	#DDB7BD
100.0%	100.0% #E7CCD1	RVB 231 204 209	#E7CCD1

#AD4E5E #B66371 #C07884 #CA8D97 #D3A2AA #DDB7BD #E7CCD1

#AD4E5E - #E7CCD1

Mélange HSV

#AD4E5E - #E7CCD1 | 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 #AD4E5E 0% et #E7CCD1 100%.

0.0%	0.0% #AD4E5D	RVB 173 78 93	#AD4E5D
16.7%	16.7% #B65F6E	RVB 182 95 110	#B65F6E
33.3%	33.3% #C0727F	RVB 192 114 127	#C0727F
50.0%	50.0% #CA8692	RVB 202 134 146	#CA8692
66.7%	66.7% #D39CA6	RVB 211 156 166	#D39CA6
83.3%	83.3% #DDB3BB	RVB 221 179 187	#DDB3BB
100.0%	100.0% #E7CCD1	RVB 231 204 209	#E7CCD1

#AD4E5D #B65F6E #C0727F #CA8692 #D39CA6 #DDB3BB #E7CCD1

#AD4E5E - #CA8692 - #E7CCD1

Codes CSS

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

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