#009C92 - #B6E2DF | 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 #009C92 à #B6E2DF

#009C92 #B6E2DF

Calculez la couleur entre deux couleurs, #009C92 et #B6E2DF. 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)

#009C92 - #B6E2DF | 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 #009C92 0% et #B6E2DF 100%.

0.0%	0.0% #009C92	RVB 0 156 146	#009C92
16.7%	16.7% #1EA79E	RVB 30 167 158	#1EA79E
33.3%	33.3% #3CB3AB	RVB 60 179 171	#3CB3AB
50.0%	50.0% #5BBFB8	RVB 91 191 184	#5BBFB8
66.7%	66.7% #79CAC5	RVB 121 202 197	#79CAC5
83.3%	83.3% #97D6D2	RVB 151 214 210	#97D6D2
100.0%	100.0% #B6E2DF	RVB 182 226 223	#B6E2DF

#009C92 #1EA79E #3CB3AB #5BBFB8 #79CAC5 #97D6D2 #B6E2DF

#009C92 - #B6E2DF

Mélange HSV

#009C92 - #B6E2DF | 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 #009C92 0% et #B6E2DF 100%.

0.0%	0.0% #009C92	RVB 0 156 146	#009C92
16.7%	16.7% #16A79E	RVB 22 167 158	#16A79E
33.3%	33.3% #30B3AA	RVB 48 179 170	#30B3AA
50.0%	50.0% #4CBFB7	RVB 76 191 183	#4CBFB7
66.7%	66.7% #6CCAC4	RVB 108 202 196	#6CCAC4
83.3%	83.3% #8FD6D1	RVB 143 214 209	#8FD6D1
100.0%	100.0% #B6E2DF	RVB 182 226 223	#B6E2DF

#009C92 #16A79E #30B3AA #4CBFB7 #6CCAC4 #8FD6D1 #B6E2DF

#009C92 - #4CBFB7 - #B6E2DF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009C92 0%, #4CBFB7 50%, #B6E2DF 100%);
    background: -webkit-linear-gradient(top, #009C92 0%, #4CBFB7 50%, #B6E2DF 100%);
    background: linear-gradient(to bottom, #009C92 0%, #4CBFB7 50%, #B6E2DF 100%);
}
</style>