#ECAC5E - #CD691A | 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 #ECAC5E à #CD691A

#ECAC5E #CD691A

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

#ECAC5E - #CD691A | 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 #ECAC5E 0% et #CD691A 100%.

0.0%	0.0% #ECAC5E	RVB 236 172 94	#ECAC5E
16.7%	16.7% #E6A052	RVB 230 160 82	#E6A052
33.3%	33.3% #E19547	RVB 225 149 71	#E19547
50.0%	50.0% #DC8A3C	RVB 220 138 60	#DC8A3C
66.7%	66.7% #D77F30	RVB 215 127 48	#D77F30
83.3%	83.3% #D27425	RVB 210 116 37	#D27425
100.0%	100.0% #CD691A	RVB 205 105 26	#CD691A

#ECAC5E #E6A052 #E19547 #DC8A3C #D77F30 #D27425 #CD691A

#ECAC5E - #CD691A

Mélange HSV

#ECAC5E - #CD691A | 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 #ECAC5E 0% et #CD691A 100%.

0.0%	0.0% #ECAC5E	RVB 236 172 94	#ECAC5E
16.7%	16.7% #E6A051	RVB 230 160 81	#E6A051
33.3%	33.3% #E19545	RVB 225 149 69	#E19545
50.0%	50.0% #DC8A39	RVB 220 138 57	#DC8A39
66.7%	66.7% #D77F2E	RVB 215 127 46	#D77F2E
83.3%	83.3% #D27424	RVB 210 116 36	#D27424
100.0%	100.0% #CD691A	RVB 205 105 26	#CD691A

#ECAC5E #E6A051 #E19545 #DC8A39 #D77F2E #D27424 #CD691A

#ECAC5E - #DC8A39 - #CD691A

Codes CSS

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

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