#F2DDA5 - #FBF5E5 | 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 #F2DDA5 à #FBF5E5

#F2DDA5 #FBF5E5

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

#F2DDA5 - #FBF5E5 | 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 #F2DDA5 0% et #FBF5E5 100%.

0.0%	0.0% #F2DDA5	RVB 242 221 165	#F2DDA5
16.7%	16.7% #F3E1AF	RVB 243 225 175	#F3E1AF
33.3%	33.3% #F5E5BA	RVB 245 229 186	#F5E5BA
50.0%	50.0% #F6E9C5	RVB 246 233 197	#F6E9C5
66.7%	66.7% #F8EDCF	RVB 248 237 207	#F8EDCF
83.3%	83.3% #F9F1DA	RVB 249 241 218	#F9F1DA
100.0%	100.0% #FBF5E5	RVB 251 245 229	#FBF5E5

#F2DDA5 #F3E1AF #F5E5BA #F6E9C5 #F8EDCF #F9F1DA #FBF5E5

#F2DDA5 - #FBF5E5

Mélange HSV

#F2DDA5 - #FBF5E5 | 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 #F2DDA5 0% et #FBF5E5 100%.

0.0%	0.0% #F2DDA5	RVB 242 221 165	#F2DDA5
16.7%	16.7% #F3E0AF	RVB 243 224 175	#F3E0AF
33.3%	33.3% #F5E4B9	RVB 245 228 185	#F5E4B9
50.0%	50.0% #F6E8C4	RVB 246 232 196	#F6E8C4
66.7%	66.7% #F8ECCF	RVB 248 236 207	#F8ECCF
83.3%	83.3% #F9F0DA	RVB 249 240 218	#F9F0DA
100.0%	100.0% #FBF5E5	RVB 251 245 229	#FBF5E5

#F2DDA5 #F3E0AF #F5E4B9 #F6E8C4 #F8ECCF #F9F0DA #FBF5E5

#F2DDA5 - #F6E8C4 - #FBF5E5

Codes CSS

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

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