#98E5E2 - #26BDBB | 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 #98E5E2 à #26BDBB

#98E5E2 #26BDBB

Calculez la couleur entre deux couleurs, #98E5E2 et #26BDBB. 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)

#98E5E2 - #26BDBB | 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 #98E5E2 0% et #26BDBB 100%.

0.0%	0.0% #98E5E2	RVB 152 229 226	#98E5E2
16.7%	16.7% #85DEDB	RVB 133 222 219	#85DEDB
33.3%	33.3% #72D7D5	RVB 114 215 213	#72D7D5
50.0%	50.0% #5FD1CE	RVB 95 209 206	#5FD1CE
66.7%	66.7% #4CCAC8	RVB 76 202 200	#4CCAC8
83.3%	83.3% #39C3C1	RVB 57 195 193	#39C3C1
100.0%	100.0% #26BDBB	RVB 38 189 187	#26BDBB

#98E5E2 #85DEDB #72D7D5 #5FD1CE #4CCAC8 #39C3C1 #26BDBB

#98E5E2 - #26BDBB

Mélange HSV

#98E5E2 - #26BDBB | 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 #98E5E2 0% et #26BDBB 100%.

0.0%	0.0% #98E5E2	RVB 152 229 226	#98E5E2
16.7%	16.7% #82DEDB	RVB 130 222 219	#82DEDB
33.3%	33.3% #6DD7D4	RVB 109 215 212	#6DD7D4
50.0%	50.0% #5AD1CD	RVB 90 209 205	#5AD1CD
66.7%	66.7% #47CAC7	RVB 71 202 199	#47CAC7
83.3%	83.3% #36C3C1	RVB 54 195 193	#36C3C1
100.0%	100.0% #26BDBB	RVB 38 189 187	#26BDBB

#98E5E2 #82DEDB #6DD7D4 #5AD1CD #47CAC7 #36C3C1 #26BDBB

#98E5E2 - #5AD1CD - #26BDBB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98E5E2 0%, #5AD1CD 50%, #26BDBB 100%);
    background: -webkit-linear-gradient(top, #98E5E2 0%, #5AD1CD 50%, #26BDBB 100%);
    background: linear-gradient(to bottom, #98E5E2 0%, #5AD1CD 50%, #26BDBB 100%);
}
</style>