#E1A8A8 - #FBECCC | 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 #E1A8A8 à #FBECCC

#E1A8A8 #FBECCC

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

#E1A8A8 - #FBECCC | 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 #E1A8A8 0% et #FBECCC 100%.

0.0%	0.0% #E1A8A8	RVB 225 168 168	#E1A8A8
16.7%	16.7% #E5B3AE	RVB 229 179 174	#E5B3AE
33.3%	33.3% #E9BEB4	RVB 233 190 180	#E9BEB4
50.0%	50.0% #EECABA	RVB 238 202 186	#EECABA
66.7%	66.7% #F2D5C0	RVB 242 213 192	#F2D5C0
83.3%	83.3% #F6E0C6	RVB 246 224 198	#F6E0C6
100.0%	100.0% #FBECCC	RVB 251 236 204	#FBECCC

#E1A8A8 #E5B3AE #E9BEB4 #EECABA #F2D5C0 #F6E0C6 #FBECCC

#E1A8A8 - #FBECCC

Mélange HSV

#E1A8A8 - #FBECCC | 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 #E1A8A8 0% et #FBECCC 100%.

0.0%	0.0% #E1A8A8	RVB 225 168 168	#E1A8A8
16.7%	16.7% #E5B4AD	RVB 229 180 173	#E5B4AD
33.3%	33.3% #E9BFB3	RVB 233 191 179	#E9BFB3
50.0%	50.0% #EECBB9	RVB 238 203 185	#EECBB9
66.7%	66.7% #F2D6BF	RVB 242 214 191	#F2D6BF
83.3%	83.3% #F6E1C5	RVB 246 225 197	#F6E1C5
100.0%	100.0% #FBECCC	RVB 251 236 204	#FBECCC

#E1A8A8 #E5B4AD #E9BFB3 #EECBB9 #F2D6BF #F6E1C5 #FBECCC

#E1A8A8 - #EECBB9 - #FBECCC

Codes CSS

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

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