#B9DCB5 - #EAF5E9 | 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 #B9DCB5 à #EAF5E9

#B9DCB5 #EAF5E9

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

#B9DCB5 - #EAF5E9 | 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 #B9DCB5 0% et #EAF5E9 100%.

0.0%	0.0% #B9DCB5	RVB 185 220 181	#B9DCB5
16.7%	16.7% #C1E0BD	RVB 193 224 189	#C1E0BD
33.3%	33.3% #C9E4C6	RVB 201 228 198	#C9E4C6
50.0%	50.0% #D1E8CF	RVB 209 232 207	#D1E8CF
66.7%	66.7% #D9ECD7	RVB 217 236 215	#D9ECD7
83.3%	83.3% #E1F0E0	RVB 225 240 224	#E1F0E0
100.0%	100.0% #EAF5E9	RVB 234 245 233	#EAF5E9

#B9DCB5 #C1E0BD #C9E4C6 #D1E8CF #D9ECD7 #E1F0E0 #EAF5E9

#B9DCB5 - #EAF5E9

Mélange HSV

#B9DCB5 - #EAF5E9 | 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 #B9DCB5 0% et #EAF5E9 100%.

0.0%	0.0% #B9DCB5	RVB 185 220 181	#B9DCB5
16.7%	16.7% #C0E0BD	RVB 192 224 189	#C0E0BD
33.3%	33.3% #C8E4C5	RVB 200 228 197	#C8E4C5
50.0%	50.0% #D0E8CE	RVB 208 232 206	#D0E8CE
66.7%	66.7% #D8ECD6	RVB 216 236 214	#D8ECD6
83.3%	83.3% #E1F0DF	RVB 225 240 223	#E1F0DF
100.0%	100.0% #EAF5E9	RVB 234 245 233	#EAF5E9

#B9DCB5 #C0E0BD #C8E4C5 #D0E8CE #D8ECD6 #E1F0DF #EAF5E9

#B9DCB5 - #D0E8CE - #EAF5E9

Codes CSS

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

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