#E3C8C8 - #FEF7E6 | 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 #E3C8C8 à #FEF7E6

#E3C8C8 #FEF7E6

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

#E3C8C8 - #FEF7E6 | 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 #E3C8C8 0% et #FEF7E6 100%.

0.0%	0.0% #E3C8C8	RVB 227 200 200	#E3C8C8
16.7%	16.7% #E7CFCD	RVB 231 207 205	#E7CFCD
33.3%	33.3% #ECD7D2	RVB 236 215 210	#ECD7D2
50.0%	50.0% #F0DFD7	RVB 240 223 215	#F0DFD7
66.7%	66.7% #F5E7DC	RVB 245 231 220	#F5E7DC
83.3%	83.3% #F9EFE1	RVB 249 239 225	#F9EFE1
100.0%	100.0% #FEF7E6	RVB 254 247 230	#FEF7E6

#E3C8C8 #E7CFCD #ECD7D2 #F0DFD7 #F5E7DC #F9EFE1 #FEF7E6

#E3C8C8 - #FEF7E6

Mélange HSV

#E3C8C8 - #FEF7E6 | 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 #E3C8C8 0% et #FEF7E6 100%.

0.0%	0.0% #E3C8C8	RVB 227 200 200	#E3C8C8
16.7%	16.7% #E7D0CC	RVB 231 208 204	#E7D0CC
33.3%	33.3% #ECD8D1	RVB 236 216 209	#ECD8D1
50.0%	50.0% #F0DFD6	RVB 240 223 214	#F0DFD6
66.7%	66.7% #F5E7DB	RVB 245 231 219	#F5E7DB
83.3%	83.3% #F9EFE0	RVB 249 239 224	#F9EFE0
100.0%	100.0% #FEF7E6	RVB 254 247 230	#FEF7E6

#E3C8C8 #E7D0CC #ECD8D1 #F0DFD6 #F5E7DB #F9EFE0 #FEF7E6

#E3C8C8 - #F0DFD6 - #FEF7E6

Codes CSS

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

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