#ECCCCC - #FCFBEC | 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 #ECCCCC à #FCFBEC

#ECCCCC #FCFBEC

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

#ECCCCC - #FCFBEC | 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 #ECCCCC 0% et #FCFBEC 100%.

0.0%	0.0% #ECCCCC	RVB 236 204 204	#ECCCCC
16.7%	16.7% #EED3D1	RVB 238 211 209	#EED3D1
33.3%	33.3% #F1DBD6	RVB 241 219 214	#F1DBD6
50.0%	50.0% #F4E3DC	RVB 244 227 220	#F4E3DC
66.7%	66.7% #F6EBE1	RVB 246 235 225	#F6EBE1
83.3%	83.3% #F9F3E6	RVB 249 243 230	#F9F3E6
100.0%	100.0% #FCFBEC	RVB 252 251 236	#FCFBEC

#ECCCCC #EED3D1 #F1DBD6 #F4E3DC #F6EBE1 #F9F3E6 #FCFBEC

#ECCCCC - #FCFBEC

Mélange HSV

#ECCCCC - #FCFBEC | 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 #ECCCCC 0% et #FCFBEC 100%.

0.0%	0.0% #ECCCCC	RVB 236 204 204	#ECCCCC
16.7%	16.7% #EED5D1	RVB 238 213 209	#EED5D1
33.3%	33.3% #F1DED6	RVB 241 222 214	#F1DED6
50.0%	50.0% #F4E7DB	RVB 244 231 219	#F4E7DB
66.7%	66.7% #F6EEE1	RVB 246 238 225	#F6EEE1
83.3%	83.3% #F9F5E6	RVB 249 245 230	#F9F5E6
100.0%	100.0% #FCFBEC	RVB 252 251 236	#FCFBEC

#ECCCCC #EED5D1 #F1DED6 #F4E7DB #F6EEE1 #F9F5E6 #FCFBEC

#ECCCCC - #F4E7DB - #FCFBEC

Codes CSS

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

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