#E2FFEE - #8ED8CF | 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 #E2FFEE à #8ED8CF

#E2FFEE #8ED8CF

Calculez la couleur entre deux couleurs, #E2FFEE et #8ED8CF. 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)

#E2FFEE - #8ED8CF | 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 #E2FFEE 0% et #8ED8CF 100%.

0.0%	0.0% #E2FFEE	RVB 226 255 238	#E2FFEE
16.7%	16.7% #D4F8E8	RVB 212 248 232	#D4F8E8
33.3%	33.3% #C6F2E3	RVB 198 242 227	#C6F2E3
50.0%	50.0% #B8EBDE	RVB 184 235 222	#B8EBDE
66.7%	66.7% #AAE5D9	RVB 170 229 217	#AAE5D9
83.3%	83.3% #9CDED4	RVB 156 222 212	#9CDED4
100.0%	100.0% #8ED8CF	RVB 142 216 207	#8ED8CF

#E2FFEE #D4F8E8 #C6F2E3 #B8EBDE #AAE5D9 #9CDED4 #8ED8CF

#E2FFEE - #8ED8CF

Mélange HSV

#E2FFEE - #8ED8CF | 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 #E2FFEE 0% et #8ED8CF 100%.

0.0%	0.0% #E2FFEE	RVB 226 255 238	#E2FFEE
16.7%	16.7% #D2F8E5	RVB 210 248 229	#D2F8E5
33.3%	33.3% #C4F2DE	RVB 196 242 222	#C4F2DE
50.0%	50.0% #B5EBD8	RVB 181 235 216	#B5EBD8
66.7%	66.7% #A8E5D4	RVB 168 229 212	#A8E5D4
83.3%	83.3% #9ADED1	RVB 154 222 209	#9ADED1
100.0%	100.0% #8ED8CF	RVB 142 216 207	#8ED8CF

#E2FFEE #D2F8E5 #C4F2DE #B5EBD8 #A8E5D4 #9ADED1 #8ED8CF

#E2FFEE - #B5EBD8 - #8ED8CF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2FFEE 0%, #B5EBD8 50%, #8ED8CF 100%);
    background: -webkit-linear-gradient(top, #E2FFEE 0%, #B5EBD8 50%, #8ED8CF 100%);
    background: linear-gradient(to bottom, #E2FFEE 0%, #B5EBD8 50%, #8ED8CF 100%);
}
</style>