#A8D6B5 - #E6F3E9 | 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 #A8D6B5 à #E6F3E9

#A8D6B5 #E6F3E9

Calculez la couleur entre deux couleurs, #A8D6B5 et #E6F3E9. 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)

#A8D6B5 - #E6F3E9 | 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 #A8D6B5 0% et #E6F3E9 100%.

0.0%	0.0% #A8D6B5	RVB 168 214 181	#A8D6B5
16.7%	16.7% #B2DABD	RVB 178 218 189	#B2DABD
33.3%	33.3% #BCDFC6	RVB 188 223 198	#BCDFC6
50.0%	50.0% #C7E4CF	RVB 199 228 207	#C7E4CF
66.7%	66.7% #D1E9D7	RVB 209 233 215	#D1E9D7
83.3%	83.3% #DBEEE0	RVB 219 238 224	#DBEEE0
100.0%	100.0% #E6F3E9	RVB 230 243 233	#E6F3E9

#A8D6B5 #B2DABD #BCDFC6 #C7E4CF #D1E9D7 #DBEEE0 #E6F3E9

#A8D6B5 - #E6F3E9

Mélange HSV

#A8D6B5 - #E6F3E9 | 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 #A8D6B5 0% et #E6F3E9 100%.

0.0%	0.0% #A8D6B5	RVB 168 214 181	#A8D6B5
16.7%	16.7% #B1DABC	RVB 177 218 188	#B1DABC
33.3%	33.3% #BBDFC5	RVB 187 223 197	#BBDFC5
50.0%	50.0% #C5E4CD	RVB 197 228 205	#C5E4CD
66.7%	66.7% #D0E9D6	RVB 208 233 214	#D0E9D6
83.3%	83.3% #DBEEDF	RVB 219 238 223	#DBEEDF
100.0%	100.0% #E6F3E9	RVB 230 243 233	#E6F3E9

#A8D6B5 #B1DABC #BBDFC5 #C5E4CD #D0E9D6 #DBEEDF #E6F3E9

#A8D6B5 - #C5E4CD - #E6F3E9

Codes CSS

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

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