#C7A78E - #E5A8D9 | 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 #C7A78E à #E5A8D9

#C7A78E #E5A8D9

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

#C7A78E - #E5A8D9 | 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 #C7A78E 0% et #E5A8D9 100%.

0.0%	0.0% #C7A78E	RVB 199 167 142	#C7A78E
16.7%	16.7% #CCA79A	RVB 204 167 154	#CCA79A
33.3%	33.3% #D1A7A7	RVB 209 167 167	#D1A7A7
50.0%	50.0% #D6A7B3	RVB 214 167 179	#D6A7B3
66.7%	66.7% #DBA7C0	RVB 219 167 192	#DBA7C0
83.3%	83.3% #E0A7CC	RVB 224 167 204	#E0A7CC
100.0%	100.0% #E5A8D9	RVB 229 168 217	#E5A8D9

#C7A78E #CCA79A #D1A7A7 #D6A7B3 #DBA7C0 #E0A7CC #E5A8D9

#C7A78E - #E5A8D9

Mélange HSV

#C7A78E - #E5A8D9 | 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 #C7A78E 0% et #E5A8D9 100%.

0.0%	0.0% #C7A78E	RVB 199 167 142	#C7A78E
16.7%	16.7% #CC9F92	RVB 204 159 146	#CC9F92
33.3%	33.3% #D19796	RVB 209 151 150	#D19796
50.0%	50.0% #D69AA5	RVB 214 154 165	#D69AA5
66.7%	66.7% #DB9FB6	RVB 219 159 182	#DB9FB6
83.3%	83.3% #E0A3C7	RVB 224 163 199	#E0A3C7
100.0%	100.0% #E5A8D9	RVB 229 168 217	#E5A8D9

#C7A78E #CC9F92 #D19796 #D69AA5 #DB9FB6 #E0A3C7 #E5A8D9

#C7A78E - #D69AA5 - #E5A8D9

Codes CSS

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

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