#FAC09B - #FDECE2 | 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 #FAC09B à #FDECE2

#FAC09B #FDECE2

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

#FAC09B - #FDECE2 | 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 #FAC09B 0% et #FDECE2 100%.

0.0%	0.0% #FAC09B	RVB 250 192 155	#FAC09B
16.7%	16.7% #FAC7A6	RVB 250 199 166	#FAC7A6
33.3%	33.3% #FBCEB2	RVB 251 206 178	#FBCEB2
50.0%	50.0% #FBD6BE	RVB 251 214 190	#FBD6BE
66.7%	66.7% #FCDDCA	RVB 252 221 202	#FCDDCA
83.3%	83.3% #FCE4D6	RVB 252 228 214	#FCE4D6
100.0%	100.0% #FDECE2	RVB 253 236 226	#FDECE2

#FAC09B #FAC7A6 #FBCEB2 #FBD6BE #FCDDCA #FCE4D6 #FDECE2

#FAC09B - #FDECE2

Mélange HSV

#FAC09B - #FDECE2 | 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 #FAC09B 0% et #FDECE2 100%.

0.0%	0.0% #FAC09B	RVB 250 192 155	#FAC09B
16.7%	16.7% #FAC7A6	RVB 250 199 166	#FAC7A6
33.3%	33.3% #FBCEB2	RVB 251 206 178	#FBCEB2
50.0%	50.0% #FBD5BE	RVB 251 213 190	#FBD5BE
66.7%	66.7% #FCDCCA	RVB 252 220 202	#FCDCCA
83.3%	83.3% #FCE4D6	RVB 252 228 214	#FCE4D6
100.0%	100.0% #FDECE2	RVB 253 236 226	#FDECE2

#FAC09B #FAC7A6 #FBCEB2 #FBD5BE #FCDCCA #FCE4D6 #FDECE2

#FAC09B - #FBD5BE - #FDECE2

Codes CSS

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

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