#AC6B5E - #FAB77D | 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 #AC6B5E à #FAB77D

#AC6B5E #FAB77D

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

#AC6B5E - #FAB77D | 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 #AC6B5E 0% et #FAB77D 100%.

0.0%	0.0% #AC6B5E	RVB 172 107 94	#AC6B5E
16.7%	16.7% #B97763	RVB 185 119 99	#B97763
33.3%	33.3% #C68468	RVB 198 132 104	#C68468
50.0%	50.0% #D3916D	RVB 211 145 109	#D3916D
66.7%	66.7% #E09D72	RVB 224 157 114	#E09D72
83.3%	83.3% #EDAA77	RVB 237 170 119	#EDAA77
100.0%	100.0% #FAB77D	RVB 250 183 125	#FAB77D

#AC6B5E #B97763 #C68468 #D3916D #E09D72 #EDAA77 #FAB77D

#AC6B5E - #FAB77D

Mélange HSV

#AC6B5E - #FAB77D | 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 #AC6B5E 0% et #FAB77D 100%.

0.0%	0.0% #AC6B5E	RVB 172 107 94	#AC6B5E
16.7%	16.7% #B97663	RVB 185 118 99	#B97663
33.3%	33.3% #C68169	RVB 198 129 105	#C68169
50.0%	50.0% #D38E6E	RVB 211 142 110	#D38E6E
66.7%	66.7% #E09B73	RVB 224 155 115	#E09B73
83.3%	83.3% #EDA878	RVB 237 168 120	#EDA878
100.0%	100.0% #FAB77D	RVB 250 183 125	#FAB77D

#AC6B5E #B97663 #C68169 #D38E6E #E09B73 #EDA878 #FAB77D

#AC6B5E - #D38E6E - #FAB77D

Codes CSS

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

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