#00A19C - #007058 | 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 #00A19C à #007058

#00A19C #007058

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

#00A19C - #007058 | 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 #00A19C 0% et #007058 100%.

0.0%	0.0% #00A19C	RVB 0 161 156	#00A19C
16.7%	16.7% #009890	RVB 0 152 144	#009890
33.3%	33.3% #009085	RVB 0 144 133	#009085
50.0%	50.0% #00887A	RVB 0 136 122	#00887A
66.7%	66.7% #00806E	RVB 0 128 110	#00806E
83.3%	83.3% #007863	RVB 0 120 99	#007863
100.0%	100.0% #007058	RVB 0 112 88	#007058

#00A19C #009890 #009085 #00887A #00806E #007863 #007058

#00A19C - #007058

Mélange HSV

#00A19C - #007058 | 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 #00A19C 0% et #007058 100%.

0.0%	0.0% #00A19C	RVB 0 161 156	#00A19C
16.7%	16.7% #00988F	RVB 0 152 143	#00988F
33.3%	33.3% #009083	RVB 0 144 131	#009083
50.0%	50.0% #008877	RVB 0 136 119	#008877
66.7%	66.7% #00806C	RVB 0 128 108	#00806C
83.3%	83.3% #007862	RVB 0 120 98	#007862
100.0%	100.0% #007058	RVB 0 112 88	#007058

#00A19C #00988F #009083 #008877 #00806C #007862 #007058

#00A19C - #008877 - #007058

Codes CSS

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

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