#BAFFE7 - #E5E6D1 | 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 #BAFFE7 à #E5E6D1

#BAFFE7 #E5E6D1

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

#BAFFE7 - #E5E6D1 | 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 #BAFFE7 0% et #E5E6D1 100%.

0.0%	0.0% #BAFFE7	RVB 186 255 231	#BAFFE7
16.7%	16.7% #C1FAE3	RVB 193 250 227	#C1FAE3
33.3%	33.3% #C8F6DF	RVB 200 246 223	#C8F6DF
50.0%	50.0% #CFF2DC	RVB 207 242 220	#CFF2DC
66.7%	66.7% #D6EED8	RVB 214 238 216	#D6EED8
83.3%	83.3% #DDEAD4	RVB 221 234 212	#DDEAD4
100.0%	100.0% #E5E6D1	RVB 229 230 209	#E5E6D1

#BAFFE7 #C1FAE3 #C8F6DF #CFF2DC #D6EED8 #DDEAD4 #E5E6D1

#BAFFE7 - #E5E6D1

Mélange HSV

#BAFFE7 - #E5E6D1 | 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 #BAFFE7 0% et #E5E6D1 100%.

0.0%	0.0% #BAFFE7	RVB 186 255 231	#BAFFE7
16.7%	16.7% #BEFAD5	RVB 190 250 213	#BEFAD5
33.3%	33.3% #C2F6C8	RVB 194 246 200	#C2F6C8
50.0%	50.0% #CDF2C6	RVB 205 242 198	#CDF2C6
66.7%	66.7% #D9EECA	RVB 217 238 202	#D9EECA
83.3%	83.3% #E1EACD	RVB 225 234 205	#E1EACD
100.0%	100.0% #E5E6D1	RVB 229 230 209	#E5E6D1

#BAFFE7 #BEFAD5 #C2F6C8 #CDF2C6 #D9EECA #E1EACD #E5E6D1

#BAFFE7 - #CDF2C6 - #E5E6D1

Codes CSS

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

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