#16E5E5 - #CDFEB3 | 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 #16E5E5 à #CDFEB3

#16E5E5 #CDFEB3

Calculez la couleur entre deux couleurs, #16E5E5 et #CDFEB3. 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)

#16E5E5 - #CDFEB3 | 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 #16E5E5 0% et #CDFEB3 100%.

0.0%	0.0% #16E5E5	RVB 22 229 229	#16E5E5
16.7%	16.7% #34E9DC	RVB 52 233 220	#34E9DC
33.3%	33.3% #53EDD4	RVB 83 237 212	#53EDD4
50.0%	50.0% #71F1CC	RVB 113 241 204	#71F1CC
66.7%	66.7% #90F5C3	RVB 144 245 195	#90F5C3
83.3%	83.3% #AEF9BB	RVB 174 249 187	#AEF9BB
100.0%	100.0% #CDFEB3	RVB 205 254 179	#CDFEB3

#16E5E5 #34E9DC #53EDD4 #71F1CC #90F5C3 #AEF9BB #CDFEB3

#16E5E5 - #CDFEB3

Mélange HSV

#16E5E5 - #CDFEB3 | 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 #16E5E5 0% et #CDFEB3 100%.

0.0%	0.0% #16E5E5	RVB 22 229 229	#16E5E5
16.7%	16.7% #2EE9BF	RVB 46 233 191	#2EE9BF
33.3%	33.3% #46EDA2	RVB 70 237 162	#46EDA2
50.0%	50.0% #60F18F	RVB 96 241 143	#60F18F
66.7%	66.7% #7BF587	RVB 123 245 135	#7BF587
83.3%	83.3% #A2F996	RVB 162 249 150	#A2F996
100.0%	100.0% #CDFEB3	RVB 205 254 179	#CDFEB3

#16E5E5 #2EE9BF #46EDA2 #60F18F #7BF587 #A2F996 #CDFEB3

#16E5E5 - #60F18F - #CDFEB3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #16E5E5 0%, #60F18F 50%, #CDFEB3 100%);
    background: -webkit-linear-gradient(top, #16E5E5 0%, #60F18F 50%, #CDFEB3 100%);
    background: linear-gradient(to bottom, #16E5E5 0%, #60F18F 50%, #CDFEB3 100%);
}
</style>