#FAFFFA - #B1ECB5 | 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 #FAFFFA à #B1ECB5

#FAFFFA #B1ECB5

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

#FAFFFA - #B1ECB5 | 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 #FAFFFA 0% et #B1ECB5 100%.

0.0%	0.0% #FAFFFA	RVB 250 255 250	#FAFFFA
16.7%	16.7% #EDFBEE	RVB 237 251 238	#EDFBEE
33.3%	33.3% #E1F8E3	RVB 225 248 227	#E1F8E3
50.0%	50.0% #D5F5D7	RVB 213 245 215	#D5F5D7
66.7%	66.7% #C9F2CC	RVB 201 242 204	#C9F2CC
83.3%	83.3% #BDEFC0	RVB 189 239 192	#BDEFC0
100.0%	100.0% #B1ECB5	RVB 177 236 181	#B1ECB5

#FAFFFA #EDFBEE #E1F8E3 #D5F5D7 #C9F2CC #BDEFC0 #B1ECB5

#FAFFFA - #B1ECB5

Mélange HSV

#FAFFFA - #B1ECB5 | 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 #FAFFFA 0% et #B1ECB5 100%.

0.0%	0.0% #FAFFFA	RVB 250 255 250	#FAFFFA
16.7%	16.7% #EDFBED	RVB 237 251 237	#EDFBED
33.3%	33.3% #E0F8E1	RVB 224 248 225	#E0F8E1
50.0%	50.0% #D4F5D5	RVB 212 245 213	#D4F5D5
66.7%	66.7% #C8F2CA	RVB 200 242 202	#C8F2CA
83.3%	83.3% #BCEFBF	RVB 188 239 191	#BCEFBF
100.0%	100.0% #B1ECB5	RVB 177 236 181	#B1ECB5

#FAFFFA #EDFBED #E0F8E1 #D4F5D5 #C8F2CA #BCEFBF #B1ECB5

#FAFFFA - #D4F5D5 - #B1ECB5

Codes CSS

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

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