#B5EAC4 - #FDFFBD | 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 #B5EAC4 à #FDFFBD

#B5EAC4 #FDFFBD

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

#B5EAC4 - #FDFFBD | 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 #B5EAC4 0% et #FDFFBD 100%.

0.0%	0.0% #B5EAC4	RVB 181 234 196	#B5EAC4
16.7%	16.7% #C1EDC2	RVB 193 237 194	#C1EDC2
33.3%	33.3% #CDF1C1	RVB 205 241 193	#CDF1C1
50.0%	50.0% #D9F4C0	RVB 217 244 192	#D9F4C0
66.7%	66.7% #E5F8BF	RVB 229 248 191	#E5F8BF
83.3%	83.3% #F1FBBE	RVB 241 251 190	#F1FBBE
100.0%	100.0% #FDFFBD	RVB 253 255 189	#FDFFBD

#B5EAC4 #C1EDC2 #CDF1C1 #D9F4C0 #E5F8BF #F1FBBE #FDFFBD

#B5EAC4 - #FDFFBD

Mélange HSV

#B5EAC4 - #FDFFBD | 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 #B5EAC4 0% et #FDFFBD 100%.

0.0%	0.0% #B5EAC4	RVB 181 234 196	#B5EAC4
16.7%	16.7% #B6EDBA	RVB 182 237 186	#B6EDBA
33.3%	33.3% #BFF1B7	RVB 191 241 183	#BFF1B7
50.0%	50.0% #CDF4B9	RVB 205 244 185	#CDF4B9
66.7%	66.7% #DCF8BA	RVB 220 248 186	#DCF8BA
83.3%	83.3% #ECFBBB	RVB 236 251 187	#ECFBBB
100.0%	100.0% #FDFFBD	RVB 253 255 189	#FDFFBD

#B5EAC4 #B6EDBA #BFF1B7 #CDF4B9 #DCF8BA #ECFBBB #FDFFBD

#B5EAC4 - #CDF4B9 - #FDFFBD

Codes CSS

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

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