#DBFFDB - #F6F0DD | 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 #DBFFDB à #F6F0DD

#DBFFDB #F6F0DD

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

#DBFFDB - #F6F0DD | 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 #DBFFDB 0% et #F6F0DD 100%.

0.0%	0.0% #DBFFDB	RVB 219 255 219	#DBFFDB
16.7%	16.7% #DFFCDB	RVB 223 252 219	#DFFCDB
33.3%	33.3% #E4FADB	RVB 228 250 219	#E4FADB
50.0%	50.0% #E8F7DC	RVB 232 247 220	#E8F7DC
66.7%	66.7% #EDF5DC	RVB 237 245 220	#EDF5DC
83.3%	83.3% #F1F2DC	RVB 241 242 220	#F1F2DC
100.0%	100.0% #F6F0DD	RVB 246 240 221	#F6F0DD

#DBFFDB #DFFCDB #E4FADB #E8F7DC #EDF5DC #F1F2DC #F6F0DD

#DBFFDB - #F6F0DD

Mélange HSV

#DBFFDB - #F6F0DD | 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 #DBFFDB 0% et #F6F0DD 100%.

0.0%	0.0% #DBFFDB	RVB 219 255 219	#DBFFDB
16.7%	16.7% #E2FDDB	RVB 226 253 219	#E2FDDB
33.3%	33.3% #E9FCDB	RVB 233 252 219	#E9FCDB
50.0%	50.0% #EEFADC	RVB 238 250 220	#EEFADC
66.7%	66.7% #F4F9DC	RVB 244 249 220	#F4F9DC
83.3%	83.3% #F7F6DC	RVB 247 246 220	#F7F6DC
100.0%	100.0% #F6F0DD	RVB 246 240 221	#F6F0DD

#DBFFDB #E2FDDB #E9FCDB #EEFADC #F4F9DC #F7F6DC #F6F0DD

#DBFFDB - #EEFADC - #F6F0DD

Codes CSS

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

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