#FEFFAB - #ECFCDC | 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 #FEFFAB à #ECFCDC

#FEFFAB #ECFCDC

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

#FEFFAB - #ECFCDC | 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 #FEFFAB 0% et #ECFCDC 100%.

0.0%	0.0% #FEFFAB	RVB 254 255 171	#FEFFAB
16.7%	16.7% #FBFEB3	RVB 251 254 179	#FBFEB3
33.3%	33.3% #F8FEBB	RVB 248 254 187	#F8FEBB
50.0%	50.0% #F5FDC3	RVB 245 253 195	#F5FDC3
66.7%	66.7% #F2FDCB	RVB 242 253 203	#F2FDCB
83.3%	83.3% #EFFCD3	RVB 239 252 211	#EFFCD3
100.0%	100.0% #ECFCDC	RVB 236 252 220	#ECFCDC

#FEFFAB #FBFEB3 #F8FEBB #F5FDC3 #F2FDCB #EFFCD3 #ECFCDC

#FEFFAB - #ECFCDC

Mélange HSV

#FEFFAB - #ECFCDC | 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 #FEFFAB 0% et #ECFCDC 100%.

0.0%	0.0% #FEFFAB	RVB 254 255 171	#FEFFAB
16.7%	16.7% #F7FEB3	RVB 247 254 179	#F7FEB3
33.3%	33.3% #F2FEBB	RVB 242 254 187	#F2FEBB
50.0%	50.0% #EEFDC3	RVB 238 253 195	#EEFDC3
66.7%	66.7% #ECFDCB	RVB 236 253 203	#ECFDCB
83.3%	83.3% #EBFCD3	RVB 235 252 211	#EBFCD3
100.0%	100.0% #ECFCDC	RVB 236 252 220	#ECFCDC

#FEFFAB #F7FEB3 #F2FEBB #EEFDC3 #ECFDCB #EBFCD3 #ECFCDC

#FEFFAB - #EEFDC3 - #ECFCDC

Codes CSS

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

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