#AA3C04 - #E6C7B7 | 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 #AA3C04 à #E6C7B7

#AA3C04 #E6C7B7

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

#AA3C04 - #E6C7B7 | 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 #AA3C04 0% et #E6C7B7 100%.

0.0%	0.0% #AA3C04	RVB 170 60 4	#AA3C04
16.7%	16.7% #B45321	RVB 180 83 33	#B45321
33.3%	33.3% #BE6A3F	RVB 190 106 63	#BE6A3F
50.0%	50.0% #C8815D	RVB 200 129 93	#C8815D
66.7%	66.7% #D2987B	RVB 210 152 123	#D2987B
83.3%	83.3% #DCAF99	RVB 220 175 153	#DCAF99
100.0%	100.0% #E6C7B7	RVB 230 199 183	#E6C7B7

#AA3C04 #B45321 #BE6A3F #C8815D #D2987B #DCAF99 #E6C7B7

#AA3C04 - #E6C7B7

Mélange HSV

#AA3C04 - #E6C7B7 | 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 #AA3C04 0% et #E6C7B7 100%.

0.0%	0.0% #AA3C03	RVB 170 60 3	#AA3C03
16.7%	16.7% #B44E1B	RVB 180 78 27	#B44E1B
33.3%	33.3% #BE6335	RVB 190 99 53	#BE6335
50.0%	50.0% #C87951	RVB 200 121 81	#C87951
66.7%	66.7% #D29171	RVB 210 145 113	#D29171
83.3%	83.3% #DCAB92	RVB 220 171 146	#DCAB92
100.0%	100.0% #E6C7B7	RVB 230 199 183	#E6C7B7

#AA3C03 #B44E1B #BE6335 #C87951 #D29171 #DCAB92 #E6C7B7

#AA3C04 - #C87951 - #E6C7B7

Codes CSS

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

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