#FDF5E9 - #E8C79D | 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 #FDF5E9 à #E8C79D

#FDF5E9 #E8C79D

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

#FDF5E9 - #E8C79D | 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 #FDF5E9 0% et #E8C79D 100%.

0.0%	0.0% #FDF5E9	RVB 253 245 233	#FDF5E9
16.7%	16.7% #F9EDDC	RVB 249 237 220	#F9EDDC
33.3%	33.3% #F6E5CF	RVB 246 229 207	#F6E5CF
50.0%	50.0% #F2DEC3	RVB 242 222 195	#F2DEC3
66.7%	66.7% #EFD6B6	RVB 239 214 182	#EFD6B6
83.3%	83.3% #EBCEA9	RVB 235 206 169	#EBCEA9
100.0%	100.0% #E8C79D	RVB 232 199 157	#E8C79D

#FDF5E9 #F9EDDC #F6E5CF #F2DEC3 #EFD6B6 #EBCEA9 #E8C79D

#FDF5E9 - #E8C79D

Mélange HSV

#FDF5E9 - #E8C79D | 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 #FDF5E9 0% et #E8C79D 100%.

0.0%	0.0% #FDF5E9	RVB 253 245 233	#FDF5E9
16.7%	16.7% #F9EDDB	RVB 249 237 219	#F9EDDB
33.3%	33.3% #F6E5CE	RVB 246 229 206	#F6E5CE
50.0%	50.0% #F2DEC1	RVB 242 222 193	#F2DEC1
66.7%	66.7% #EFD6B5	RVB 239 214 181	#EFD6B5
83.3%	83.3% #EBCEA8	RVB 235 206 168	#EBCEA8
100.0%	100.0% #E8C79D	RVB 232 199 157	#E8C79D

#FDF5E9 #F9EDDB #F6E5CE #F2DEC1 #EFD6B5 #EBCEA8 #E8C79D

#FDF5E9 - #F2DEC1 - #E8C79D

Codes CSS

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

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