#6BA69B - #D4E5E2 | 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 #6BA69B à #D4E5E2

#6BA69B #D4E5E2

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

#6BA69B - #D4E5E2 | 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 #6BA69B 0% et #D4E5E2 100%.

0.0%	0.0% #6BA69B	RVB 107 166 155	#6BA69B
16.7%	16.7% #7CB0A6	RVB 124 176 166	#7CB0A6
33.3%	33.3% #8EBBB2	RVB 142 187 178	#8EBBB2
50.0%	50.0% #9FC5BE	RVB 159 197 190	#9FC5BE
66.7%	66.7% #B1D0CA	RVB 177 208 202	#B1D0CA
83.3%	83.3% #C2DAD6	RVB 194 218 214	#C2DAD6
100.0%	100.0% #D4E5E2	RVB 212 229 226	#D4E5E2

#6BA69B #7CB0A6 #8EBBB2 #9FC5BE #B1D0CA #C2DAD6 #D4E5E2

#6BA69B - #D4E5E2

Mélange HSV

#6BA69B - #D4E5E2 | 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 #6BA69B 0% et #D4E5E2 100%.

0.0%	0.0% #6BA69B	RVB 107 166 155	#6BA69B
16.7%	16.7% #7AB0A6	RVB 122 176 166	#7AB0A6
33.3%	33.3% #8ABBB2	RVB 138 187 178	#8ABBB2
50.0%	50.0% #9BC5BD	RVB 155 197 189	#9BC5BD
66.7%	66.7% #ADD0C9	RVB 173 208 201	#ADD0C9
83.3%	83.3% #C0DAD5	RVB 192 218 213	#C0DAD5
100.0%	100.0% #D4E5E2	RVB 212 229 226	#D4E5E2

#6BA69B #7AB0A6 #8ABBB2 #9BC5BD #ADD0C9 #C0DAD5 #D4E5E2

#6BA69B - #9BC5BD - #D4E5E2

Codes CSS

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

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