#E5C5E5 - #FFEED9 | 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 #E5C5E5 à #FFEED9

#E5C5E5 #FFEED9

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

#E5C5E5 - #FFEED9 | 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 #E5C5E5 0% et #FFEED9 100%.

0.0%	0.0% #E5C5E5	RVB 229 197 229	#E5C5E5
16.7%	16.7% #E9CBE3	RVB 233 203 227	#E9CBE3
33.3%	33.3% #EDD2E1	RVB 237 210 225	#EDD2E1
50.0%	50.0% #F2D9DF	RVB 242 217 223	#F2D9DF
66.7%	66.7% #F6E0DD	RVB 246 224 221	#F6E0DD
83.3%	83.3% #FAE7DB	RVB 250 231 219	#FAE7DB
100.0%	100.0% #FFEED9	RVB 255 238 217	#FFEED9

#E5C5E5 #E9CBE3 #EDD2E1 #F2D9DF #F6E0DD #FAE7DB #FFEED9

#E5C5E5 - #FFEED9

Mélange HSV

#E5C5E5 - #FFEED9 | 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 #E5C5E5 0% et #FFEED9 100%.

0.0%	0.0% #E5C5E5	RVB 229 197 229	#E5C5E5
16.7%	16.7% #E9C8E0	RVB 233 200 224	#E9C8E0
33.3%	33.3% #EDCBDC	RVB 237 203 220	#EDCBDC
50.0%	50.0% #F2CFD6	RVB 242 207 214	#F2CFD6
66.7%	66.7% #F6D3D2	RVB 246 211 210	#F6D3D2
83.3%	83.3% #FAE0D5	RVB 250 224 213	#FAE0D5
100.0%	100.0% #FFEED9	RVB 255 238 217	#FFEED9

#E5C5E5 #E9C8E0 #EDCBDC #F2CFD6 #F6D3D2 #FAE0D5 #FFEED9

#E5C5E5 - #F2CFD6 - #FFEED9

Codes CSS

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

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