#F1FFF0 - #A6EDA8 | 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 #F1FFF0 à #A6EDA8

#F1FFF0 #A6EDA8

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

#F1FFF0 - #A6EDA8 | 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 #F1FFF0 0% et #A6EDA8 100%.

0.0%	0.0% #F1FFF0	RVB 241 255 240	#F1FFF0
16.7%	16.7% #E4FCE4	RVB 228 252 228	#E4FCE4
33.3%	33.3% #D8F9D8	RVB 216 249 216	#D8F9D8
50.0%	50.0% #CBF6CC	RVB 203 246 204	#CBF6CC
66.7%	66.7% #BFF3C0	RVB 191 243 192	#BFF3C0
83.3%	83.3% #B2F0B4	RVB 178 240 180	#B2F0B4
100.0%	100.0% #A6EDA8	RVB 166 237 168	#A6EDA8

#F1FFF0 #E4FCE4 #D8F9D8 #CBF6CC #BFF3C0 #B2F0B4 #A6EDA8

#F1FFF0 - #A6EDA8

Mélange HSV

#F1FFF0 - #A6EDA8 | 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 #F1FFF0 0% et #A6EDA8 100%.

0.0%	0.0% #F1FFF0	RVB 241 255 240	#F1FFF0
16.7%	16.7% #E4FCE3	RVB 228 252 227	#E4FCE3
33.3%	33.3% #D7F9D6	RVB 215 249 214	#D7F9D6
50.0%	50.0% #CAF6C9	RVB 202 246 201	#CAF6C9
66.7%	66.7% #BDF3BD	RVB 189 243 189	#BDF3BD
83.3%	83.3% #B1F0B2	RVB 177 240 178	#B1F0B2
100.0%	100.0% #A6EDA8	RVB 166 237 168	#A6EDA8

#F1FFF0 #E4FCE3 #D7F9D6 #CAF6C9 #BDF3BD #B1F0B2 #A6EDA8

#F1FFF0 - #CAF6C9 - #A6EDA8

Codes CSS

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

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