#00A692 - #002F29 | 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 #00A692 à #002F29

#00A692 #002F29

Calculez la couleur entre deux couleurs, #00A692 et #002F29. 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)

#00A692 - #002F29 | 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 #00A692 0% et #002F29 100%.

0.0%	0.0% #00A692	RVB 0 166 146	#00A692
16.7%	16.7% #009280	RVB 0 146 128	#009280
33.3%	33.3% #007E6F	RVB 0 126 111	#007E6F
50.0%	50.0% #006A5D	RVB 0 106 93	#006A5D
66.7%	66.7% #00564C	RVB 0 86 76	#00564C
83.3%	83.3% #00423A	RVB 0 66 58	#00423A
100.0%	100.0% #002F29	RVB 0 47 41	#002F29

#00A692 #009280 #007E6F #006A5D #00564C #00423A #002F29

#00A692 - #002F29

Mélange HSV

#00A692 - #002F29 | 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 #00A692 0% et #002F29 100%.

0.0%	0.0% #00A691	RVB 0 166 145	#00A691
16.7%	16.7% #009280	RVB 0 146 128	#009280
33.3%	33.3% #007E6E	RVB 0 126 110	#007E6E
50.0%	50.0% #006A5D	RVB 0 106 93	#006A5D
66.7%	66.7% #00564B	RVB 0 86 75	#00564B
83.3%	83.3% #00423A	RVB 0 66 58	#00423A
100.0%	100.0% #002F29	RVB 0 47 41	#002F29

#00A691 #009280 #007E6E #006A5D #00564B #00423A #002F29

#00A692 - #006A5D - #002F29

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A691 0%, #006A5D 50%, #002F29 100%);
    background: -webkit-linear-gradient(top, #00A691 0%, #006A5D 50%, #002F29 100%);
    background: linear-gradient(to bottom, #00A691 0%, #006A5D 50%, #002F29 100%);
}
</style>