#B2FFBA - #FEECC0 | 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 #B2FFBA à #FEECC0

#B2FFBA #FEECC0

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

#B2FFBA - #FEECC0 | 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 #B2FFBA 0% et #FEECC0 100%.

0.0%	0.0% #B2FFBA	RVB 178 255 186	#B2FFBA
16.7%	16.7% #BEFBBB	RVB 190 251 187	#BEFBBB
33.3%	33.3% #CBF8BC	RVB 203 248 188	#CBF8BC
50.0%	50.0% #D8F5BD	RVB 216 245 189	#D8F5BD
66.7%	66.7% #E4F2BE	RVB 228 242 190	#E4F2BE
83.3%	83.3% #F1EFBF	RVB 241 239 191	#F1EFBF
100.0%	100.0% #FEECC0	RVB 254 236 192	#FEECC0

#B2FFBA #BEFBBB #CBF8BC #D8F5BD #E4F2BE #F1EFBF #FEECC0

#B2FFBA - #FEECC0

Mélange HSV

#B2FFBA - #FEECC0 | 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 #B2FFBA 0% et #FEECC0 100%.

0.0%	0.0% #B2FFBA	RVB 178 255 186	#B2FFBA
16.7%	16.7% #BDFEB4	RVB 189 254 180	#BDFEB4
33.3%	33.3% #D0FEB6	RVB 208 254 182	#D0FEB6
50.0%	50.0% #E2FEB9	RVB 226 254 185	#E2FEB9
66.7%	66.7% #F2FEBB	RVB 242 254 187	#F2FEBB
83.3%	83.3% #FEFABD	RVB 254 250 189	#FEFABD
100.0%	100.0% #FEECC0	RVB 254 236 192	#FEECC0

#B2FFBA #BDFEB4 #D0FEB6 #E2FEB9 #F2FEBB #FEFABD #FEECC0

#B2FFBA - #E2FEB9 - #FEECC0

Codes CSS

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

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