#6DF5E7 - #EAE7B9 | 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 #6DF5E7 à #EAE7B9

#6DF5E7 #EAE7B9

Calculez la couleur entre deux couleurs, #6DF5E7 et #EAE7B9. 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)

#6DF5E7 - #EAE7B9 | 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 #6DF5E7 0% et #EAE7B9 100%.

0.0%	0.0% #6DF5E7	RVB 109 245 231	#6DF5E7
16.7%	16.7% #81F2DF	RVB 129 242 223	#81F2DF
33.3%	33.3% #96F0D7	RVB 150 240 215	#96F0D7
50.0%	50.0% #ABEED0	RVB 171 238 208	#ABEED0
66.7%	66.7% #C0EBC8	RVB 192 235 200	#C0EBC8
83.3%	83.3% #D5E9C0	RVB 213 233 192	#D5E9C0
100.0%	100.0% #EAE7B9	RVB 234 231 185	#EAE7B9

#6DF5E7 #81F2DF #96F0D7 #ABEED0 #C0EBC8 #D5E9C0 #EAE7B9

#6DF5E7 - #EAE7B9

Mélange HSV

#6DF5E7 - #EAE7B9 | 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 #6DF5E7 0% et #EAE7B9 100%.

0.0%	0.0% #6DF5E7	RVB 109 245 231	#6DF5E7
16.7%	16.7% #7AF3BF	RVB 122 243 191	#7AF3BF
33.3%	33.3% #87F1A1	RVB 135 241 161	#87F1A1
50.0%	50.0% #9BEF93	RVB 155 239 147	#9BEF93
66.7%	66.7% #C0EDA0	RVB 192 237 160	#C0EDA0
83.3%	83.3% #DBEBAC	RVB 219 235 172	#DBEBAC
100.0%	100.0% #EAE7B9	RVB 234 231 185	#EAE7B9

#6DF5E7 #7AF3BF #87F1A1 #9BEF93 #C0EDA0 #DBEBAC #EAE7B9

#6DF5E7 - #9BEF93 - #EAE7B9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DF5E7 0%, #9BEF93 50%, #EAE7B9 100%);
    background: -webkit-linear-gradient(top, #6DF5E7 0%, #9BEF93 50%, #EAE7B9 100%);
    background: linear-gradient(to bottom, #6DF5E7 0%, #9BEF93 50%, #EAE7B9 100%);
}
</style>