#00BABA - #008B7F | 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 #00BABA à #008B7F

#00BABA #008B7F

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

#00BABA - #008B7F | 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 #00BABA 0% et #008B7F 100%.

0.0%	0.0% #00BABA	RVB 0 186 186	#00BABA
16.7%	16.7% #00B2B0	RVB 0 178 176	#00B2B0
33.3%	33.3% #00AAA6	RVB 0 170 166	#00AAA6
50.0%	50.0% #00A29C	RVB 0 162 156	#00A29C
66.7%	66.7% #009A92	RVB 0 154 146	#009A92
83.3%	83.3% #009288	RVB 0 146 136	#009288
100.0%	100.0% #008B7F	RVB 0 139 127	#008B7F

#00BABA #00B2B0 #00AAA6 #00A29C #009A92 #009288 #008B7F

#00BABA - #008B7F

Mélange HSV

#00BABA - #008B7F | 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 #00BABA 0% et #008B7F 100%.

0.0%	0.0% #00BABA	RVB 0 186 186	#00BABA
16.7%	16.7% #00B2AF	RVB 0 178 175	#00B2AF
33.3%	33.3% #00AAA5	RVB 0 170 165	#00AAA5
50.0%	50.0% #00A29B	RVB 0 162 155	#00A29B
66.7%	66.7% #009A91	RVB 0 154 145	#009A91
83.3%	83.3% #009288	RVB 0 146 136	#009288
100.0%	100.0% #008B7F	RVB 0 139 127	#008B7F

#00BABA #00B2AF #00AAA5 #00A29B #009A91 #009288 #008B7F

#00BABA - #00A29B - #008B7F

Codes CSS

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

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