#5EADAF - #0C5E4C | 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 #5EADAF à #0C5E4C

#5EADAF #0C5E4C

Calculez la couleur entre deux couleurs, #5EADAF et #0C5E4C. 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)

#5EADAF - #0C5E4C | 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 #5EADAF 0% et #0C5E4C 100%.

0.0%	0.0% #5EADAF	RVB 94 173 175	#5EADAF
16.7%	16.7% #509F9E	RVB 80 159 158	#509F9E
33.3%	33.3% #42928E	RVB 66 146 142	#42928E
50.0%	50.0% #35857D	RVB 53 133 125	#35857D
66.7%	66.7% #27786D	RVB 39 120 109	#27786D
83.3%	83.3% #196B5C	RVB 25 107 92	#196B5C
100.0%	100.0% #0C5E4C	RVB 12 94 76	#0C5E4C

#5EADAF #509F9E #42928E #35857D #27786D #196B5C #0C5E4C

#5EADAF - #0C5E4C

Mélange HSV

#5EADAF - #0C5E4C | 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 #5EADAF 0% et #0C5E4C 100%.

0.0%	0.0% #5EADAF	RVB 94 173 175	#5EADAF
16.7%	16.7% #4BA1A0	RVB 75 161 160	#4BA1A0
33.3%	33.3% #3B948E	RVB 59 148 142	#3B948E
50.0%	50.0% #2C867D	RVB 44 134 125	#2C867D
66.7%	66.7% #1F796C	RVB 31 121 108	#1F796C
83.3%	83.3% #156B5C	RVB 21 107 92	#156B5C
100.0%	100.0% #0C5E4C	RVB 12 94 76	#0C5E4C

#5EADAF #4BA1A0 #3B948E #2C867D #1F796C #156B5C #0C5E4C

#5EADAF - #2C867D - #0C5E4C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADAF 0%, #2C867D 50%, #0C5E4C 100%);
    background: -webkit-linear-gradient(top, #5EADAF 0%, #2C867D 50%, #0C5E4C 100%);
    background: linear-gradient(to bottom, #5EADAF 0%, #2C867D 50%, #0C5E4C 100%);
}
</style>