#C5D9D1 - #E5DFDF | 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 #C5D9D1 à #E5DFDF

#C5D9D1 #E5DFDF

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

#C5D9D1 - #E5DFDF | 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 #C5D9D1 0% et #E5DFDF 100%.

0.0%	0.0% #C5D9D1	RVB 197 217 209	#C5D9D1
16.7%	16.7% #CADAD3	RVB 202 218 211	#CADAD3
33.3%	33.3% #CFDBD5	RVB 207 219 213	#CFDBD5
50.0%	50.0% #D5DCD8	RVB 213 220 216	#D5DCD8
66.7%	66.7% #DADDDA	RVB 218 221 218	#DADDDA
83.3%	83.3% #DFDEDC	RVB 223 222 220	#DFDEDC
100.0%	100.0% #E5DFDF	RVB 229 223 223	#E5DFDF

#C5D9D1 #CADAD3 #CFDBD5 #D5DCD8 #DADDDA #DFDEDC #E5DFDF

#C5D9D1 - #E5DFDF

Mélange HSV

#C5D9D1 - #E5DFDF | 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 #C5D9D1 0% et #E5DFDF 100%.

0.0%	0.0% #C5D9D1	RVB 197 217 209	#C5D9D1
16.7%	16.7% #C9DBCC	RVB 201 219 204	#C9DBCC
33.3%	33.3% #D1DDCD	RVB 209 221 205	#D1DDCD
50.0%	50.0% #DBDFD1	RVB 219 223 209	#DBDFD1
66.7%	66.7% #E1DFD6	RVB 225 223 214	#E1DFD6
83.3%	83.3% #E3DEDA	RVB 227 222 218	#E3DEDA
100.0%	100.0% #E5DFDF	RVB 229 223 223	#E5DFDF

#C5D9D1 #C9DBCC #D1DDCD #DBDFD1 #E1DFD6 #E3DEDA #E5DFDF

#C5D9D1 - #DBDFD1 - #E5DFDF

Codes CSS

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

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