#00D3D3 - #003C3C | 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 #00D3D3 à #003C3C

#00D3D3 #003C3C

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

#00D3D3 - #003C3C | 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 #00D3D3 0% et #003C3C 100%.

0.0%	0.0% #00D3D3	RVB 0 211 211	#00D3D3
16.7%	16.7% #00B9B9	RVB 0 185 185	#00B9B9
33.3%	33.3% #00A0A0	RVB 0 160 160	#00A0A0
50.0%	50.0% #008787	RVB 0 135 135	#008787
66.7%	66.7% #006E6E	RVB 0 110 110	#006E6E
83.3%	83.3% #005555	RVB 0 85 85	#005555
100.0%	100.0% #003C3C	RVB 0 60 60	#003C3C

#00D3D3 #00B9B9 #00A0A0 #008787 #006E6E #005555 #003C3C

#00D3D3 - #003C3C

Mélange HSV

#00D3D3 - #003C3C | 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 #00D3D3 0% et #003C3C 100%.

0.0%	0.0% #00D3D3	RVB 0 211 211	#00D3D3
16.7%	16.7% #00B9B9	RVB 0 185 185	#00B9B9
33.3%	33.3% #00A0A0	RVB 0 160 160	#00A0A0
50.0%	50.0% #008787	RVB 0 135 135	#008787
66.7%	66.7% #006E6E	RVB 0 110 110	#006E6E
83.3%	83.3% #005555	RVB 0 85 85	#005555
100.0%	100.0% #003C3C	RVB 0 60 60	#003C3C

#00D3D3 #00B9B9 #00A0A0 #008787 #006E6E #005555 #003C3C

#00D3D3 - #008787 - #003C3C

Codes CSS

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

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