#00DA8C - #DCFF8C | 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 #00DA8C à #DCFF8C

#00DA8C #DCFF8C

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

#00DA8C - #DCFF8C | 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 #00DA8C 0% et #DCFF8C 100%.

0.0%	0.0% #00DA8C	RVB 0 218 140	#00DA8C
16.7%	16.7% #24E08C	RVB 36 224 140	#24E08C
33.3%	33.3% #49E68C	RVB 73 230 140	#49E68C
50.0%	50.0% #6EEC8C	RVB 110 236 140	#6EEC8C
66.7%	66.7% #92F28C	RVB 146 242 140	#92F28C
83.3%	83.3% #B7F88C	RVB 183 248 140	#B7F88C
100.0%	100.0% #DCFF8C	RVB 220 255 140	#DCFF8C

#00DA8C #24E08C #49E68C #6EEC8C #92F28C #B7F88C #DCFF8C

#00DA8C - #DCFF8C

Mélange HSV

#00DA8C - #DCFF8C | 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 #00DA8C 0% et #DCFF8C 100%.

0.0%	0.0% #00DA8C	RVB 0 218 140	#00DA8C
16.7%	16.7% #14E069	RVB 20 224 105	#14E069
33.3%	33.3% #2AE64F	RVB 42 230 79	#2AE64F
50.0%	50.0% #45EC40	RVB 69 236 64	#45EC40
66.7%	66.7% #7FF258	RVB 127 242 88	#7FF258
83.3%	83.3% #B1F871	RVB 177 248 113	#B1F871
100.0%	100.0% #DCFF8C	RVB 220 255 140	#DCFF8C

#00DA8C #14E069 #2AE64F #45EC40 #7FF258 #B1F871 #DCFF8C

#00DA8C - #45EC40 - #DCFF8C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DA8C 0%, #45EC40 50%, #DCFF8C 100%);
    background: -webkit-linear-gradient(top, #00DA8C 0%, #45EC40 50%, #DCFF8C 100%);
    background: linear-gradient(to bottom, #00DA8C 0%, #45EC40 50%, #DCFF8C 100%);
}
</style>