#BFE4A8 - #ECF7E6 | 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 #BFE4A8 à #ECF7E6

#BFE4A8 #ECF7E6

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

#BFE4A8 - #ECF7E6 | 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 #BFE4A8 0% et #ECF7E6 100%.

0.0%	0.0% #BFE4A8	RVB 191 228 168	#BFE4A8
16.7%	16.7% #C6E7B2	RVB 198 231 178	#C6E7B2
33.3%	33.3% #CEEABC	RVB 206 234 188	#CEEABC
50.0%	50.0% #D5EDC7	RVB 213 237 199	#D5EDC7
66.7%	66.7% #DDF0D1	RVB 221 240 209	#DDF0D1
83.3%	83.3% #E4F3DB	RVB 228 243 219	#E4F3DB
100.0%	100.0% #ECF7E6	RVB 236 247 230	#ECF7E6

#BFE4A8 #C6E7B2 #CEEABC #D5EDC7 #DDF0D1 #E4F3DB #ECF7E6

#BFE4A8 - #ECF7E6

Mélange HSV

#BFE4A8 - #ECF7E6 | 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 #BFE4A8 0% et #ECF7E6 100%.

0.0%	0.0% #BFE4A8	RVB 191 228 168	#BFE4A8
16.7%	16.7% #C5E7B1	RVB 197 231 177	#C5E7B1
33.3%	33.3% #CDEABB	RVB 205 234 187	#CDEABB
50.0%	50.0% #D4EDC6	RVB 212 237 198	#D4EDC6
66.7%	66.7% #DCF0D0	RVB 220 240 208	#DCF0D0
83.3%	83.3% #E3F3DB	RVB 227 243 219	#E3F3DB
100.0%	100.0% #ECF7E6	RVB 236 247 230	#ECF7E6

#BFE4A8 #C5E7B1 #CDEABB #D4EDC6 #DCF0D0 #E3F3DB #ECF7E6

#BFE4A8 - #D4EDC6 - #ECF7E6

Codes CSS

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

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