#BCFFB5 - #E5EFEA | 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 #BCFFB5 à #E5EFEA

#BCFFB5 #E5EFEA

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

#BCFFB5 - #E5EFEA | 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 #BCFFB5 0% et #E5EFEA 100%.

0.0%	0.0% #BCFFB5	RVB 188 255 181	#BCFFB5
16.7%	16.7% #C2FCBD	RVB 194 252 189	#C2FCBD
33.3%	33.3% #C9F9C6	RVB 201 249 198	#C9F9C6
50.0%	50.0% #D0F7CF	RVB 208 247 207	#D0F7CF
66.7%	66.7% #D7F4D8	RVB 215 244 216	#D7F4D8
83.3%	83.3% #DEF1E1	RVB 222 241 225	#DEF1E1
100.0%	100.0% #E5EFEA	RVB 229 239 234	#E5EFEA

#BCFFB5 #C2FCBD #C9F9C6 #D0F7CF #D7F4D8 #DEF1E1 #E5EFEA

#BCFFB5 - #E5EFEA

Mélange HSV

#BCFFB5 - #E5EFEA | 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 #BCFFB5 0% et #E5EFEA 100%.

0.0%	0.0% #BCFFB5	RVB 188 255 181	#BCFFB5
16.7%	16.7% #BDFCBD	RVB 189 252 189	#BDFCBD
33.3%	33.3% #C5F9CB	RVB 197 249 203	#C5F9CB
50.0%	50.0% #CDF7D6	RVB 205 247 214	#CDF7D6
66.7%	66.7% #D5F4DF	RVB 213 244 223	#D5F4DF
83.3%	83.3% #DDF1E5	RVB 221 241 229	#DDF1E5
100.0%	100.0% #E5EFEA	RVB 229 239 234	#E5EFEA

#BCFFB5 #BDFCBD #C5F9CB #CDF7D6 #D5F4DF #DDF1E5 #E5EFEA

#BCFFB5 - #CDF7D6 - #E5EFEA

Codes CSS

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

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