#425B5E - #ADA38E | 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 #425B5E à #ADA38E

#425B5E #ADA38E

Calculez la couleur entre deux couleurs, #425B5E et #ADA38E. 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)

#425B5E - #ADA38E | 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 #425B5E 0% et #ADA38E 100%.

0.0%	0.0% #425B5E	RVB 66 91 94	#425B5E
16.7%	16.7% #536766	RVB 83 103 102	#536766
33.3%	33.3% #65736E	RVB 101 115 110	#65736E
50.0%	50.0% #777F76	RVB 119 127 118	#777F76
66.7%	66.7% #898B7E	RVB 137 139 126	#898B7E
83.3%	83.3% #9B9786	RVB 155 151 134	#9B9786
100.0%	100.0% #ADA38E	RVB 173 163 142	#ADA38E

#425B5E #536766 #65736E #777F76 #898B7E #9B9786 #ADA38E

#425B5E - #ADA38E

Mélange HSV

#425B5E - #ADA38E | 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 #425B5E 0% et #ADA38E 100%.

0.0%	0.0% #425B5E	RVB 66 91 94	#425B5E
16.7%	16.7% #4D6B62	RVB 77 107 98	#4D6B62
33.3%	33.3% #597862	RVB 89 120 98	#597862
50.0%	50.0% #698565	RVB 105 133 101	#698565
66.7%	66.7% #839272	RVB 131 146 114	#839272
83.3%	83.3% #9D9F80	RVB 157 159 128	#9D9F80
100.0%	100.0% #ADA38E	RVB 173 163 142	#ADA38E

#425B5E #4D6B62 #597862 #698565 #839272 #9D9F80 #ADA38E

#425B5E - #698565 - #ADA38E

Codes CSS

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

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