#36B5B5 - #00857A | 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 #36B5B5 à #00857A

#36B5B5 #00857A

Calculez la couleur entre deux couleurs, #36B5B5 et #00857A. 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)

#36B5B5 - #00857A | 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 #36B5B5 0% et #00857A 100%.

0.0%	0.0% #36B5B5	RVB 54 181 181	#36B5B5
16.7%	16.7% #2DADAB	RVB 45 173 171	#2DADAB
33.3%	33.3% #24A5A1	RVB 36 165 161	#24A5A1
50.0%	50.0% #1B9D97	RVB 27 157 151	#1B9D97
66.7%	66.7% #12958D	RVB 18 149 141	#12958D
83.3%	83.3% #098D83	RVB 9 141 131	#098D83
100.0%	100.0% #00857A	RVB 0 133 122	#00857A

#36B5B5 #2DADAB #24A5A1 #1B9D97 #12958D #098D83 #00857A

#36B5B5 - #00857A

Mélange HSV

#36B5B5 - #00857A | 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 #36B5B5 0% et #00857A 100%.

0.0%	0.0% #36B5B5	RVB 54 181 181	#36B5B5
16.7%	16.7% #2BADAB	RVB 43 173 171	#2BADAB
33.3%	33.3% #20A5A1	RVB 32 165 161	#20A5A1
50.0%	50.0% #179D97	RVB 23 157 151	#179D97
66.7%	66.7% #0E958D	RVB 14 149 141	#0E958D
83.3%	83.3% #078D83	RVB 7 141 131	#078D83
100.0%	100.0% #00857A	RVB 0 133 122	#00857A

#36B5B5 #2BADAB #20A5A1 #179D97 #0E958D #078D83 #00857A

#36B5B5 - #179D97 - #00857A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36B5B5 0%, #179D97 50%, #00857A 100%);
    background: -webkit-linear-gradient(top, #36B5B5 0%, #179D97 50%, #00857A 100%);
    background: linear-gradient(to bottom, #36B5B5 0%, #179D97 50%, #00857A 100%);
}
</style>