#FDFFB2 - #E2D4D9 | 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 #FDFFB2 à #E2D4D9

#FDFFB2 #E2D4D9

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

#FDFFB2 - #E2D4D9 | 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 #FDFFB2 0% et #E2D4D9 100%.

0.0%	0.0% #FDFFB2	RVB 253 255 178	#FDFFB2
16.7%	16.7% #F8F7B8	RVB 248 247 184	#F8F7B8
33.3%	33.3% #F4F0BF	RVB 244 240 191	#F4F0BF
50.0%	50.0% #EFE9C5	RVB 239 233 197	#EFE9C5
66.7%	66.7% #EBE2CC	RVB 235 226 204	#EBE2CC
83.3%	83.3% #E6DBD2	RVB 230 219 210	#E6DBD2
100.0%	100.0% #E2D4D9	RVB 226 212 217	#E2D4D9

#FDFFB2 #F8F7B8 #F4F0BF #EFE9C5 #EBE2CC #E6DBD2 #E2D4D9

#FDFFB2 - #E2D4D9

Mélange HSV

#FDFFB2 - #E2D4D9 | 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 #FDFFB2 0% et #E2D4D9 100%.

0.0%	0.0% #FDFFB2	RVB 253 255 178	#FDFFB2
16.7%	16.7% #FAECB8	RVB 250 236 184	#FAECB8
33.3%	33.3% #F5DDBE	RVB 245 221 190	#F5DDBE
50.0%	50.0% #F0D3C4	RVB 240 211 196	#F0D3C4
66.7%	66.7% #EBCDCA	RVB 235 205 202	#EBCDCA
83.3%	83.3% #E6CFD2	RVB 230 207 210	#E6CFD2
100.0%	100.0% #E2D4D9	RVB 226 212 217	#E2D4D9

#FDFFB2 #FAECB8 #F5DDBE #F0D3C4 #EBCDCA #E6CFD2 #E2D4D9

#FDFFB2 - #F0D3C4 - #E2D4D9

Codes CSS

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

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