#00A8A2 - #A8F9AF | 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 #00A8A2 à #A8F9AF

#00A8A2 #A8F9AF

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

#00A8A2 - #A8F9AF | 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 #00A8A2 0% et #A8F9AF 100%.

0.0%	0.0% #00A8A2	RVB 0 168 162	#00A8A2
16.7%	16.7% #1CB5A4	RVB 28 181 164	#1CB5A4
33.3%	33.3% #38C3A6	RVB 56 195 166	#38C3A6
50.0%	50.0% #54D0A8	RVB 84 208 168	#54D0A8
66.7%	66.7% #70DEAA	RVB 112 222 170	#70DEAA
83.3%	83.3% #8CEBAC	RVB 140 235 172	#8CEBAC
100.0%	100.0% #A8F9AF	RVB 168 249 175	#A8F9AF

#00A8A2 #1CB5A4 #38C3A6 #54D0A8 #70DEAA #8CEBAC #A8F9AF

#00A8A2 - #A8F9AF

Mélange HSV

#00A8A2 - #A8F9AF | 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 #00A8A2 0% et #A8F9AF 100%.

0.0%	0.0% #00A8A1	RVB 0 168 161	#00A8A1
16.7%	16.7% #14B598	RVB 20 181 152	#14B598
33.3%	33.3% #2BC391	RVB 43 195 145	#2BC391
50.0%	50.0% #46D08E	RVB 70 208 142	#46D08E
66.7%	66.7% #63DE92	RVB 99 222 146	#63DE92
83.3%	83.3% #84EB9C	RVB 132 235 156	#84EB9C
100.0%	100.0% #A8F9AF	RVB 168 249 175	#A8F9AF

#00A8A1 #14B598 #2BC391 #46D08E #63DE92 #84EB9C #A8F9AF

#00A8A2 - #46D08E - #A8F9AF

Codes CSS

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

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