#D5EADE - #D1ECDA | 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 #D5EADE à #D1ECDA

#D5EADE #D1ECDA

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

#D5EADE - #D1ECDA | 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 #D5EADE 0% et #D1ECDA 100%.

0.0%	0.0% #D5EADE	RVB 213 234 222	#D5EADE
16.7%	16.7% #D4EADD	RVB 212 234 221	#D4EADD
33.3%	33.3% #D3EADC	RVB 211 234 220	#D3EADC
50.0%	50.0% #D3EBDC	RVB 211 235 220	#D3EBDC
66.7%	66.7% #D2EBDB	RVB 210 235 219	#D2EBDB
83.3%	83.3% #D1EBDA	RVB 209 235 218	#D1EBDA
100.0%	100.0% #D1ECDA	RVB 209 236 218	#D1ECDA

#D5EADE #D4EADD #D3EADC #D3EBDC #D2EBDB #D1EBDA #D1ECDA

#D5EADE - #D1ECDA

Mélange HSV

#D5EADE - #D1ECDA | 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 #D5EADE 0% et #D1ECDA 100%.

0.0%	0.0% #D5EADE	RVB 213 234 222	#D5EADE
16.7%	16.7% #D4EADD	RVB 212 234 221	#D4EADD
33.3%	33.3% #D3EADC	RVB 211 234 220	#D3EADC
50.0%	50.0% #D3EBDC	RVB 211 235 220	#D3EBDC
66.7%	66.7% #D2EBDB	RVB 210 235 219	#D2EBDB
83.3%	83.3% #D1EBDA	RVB 209 235 218	#D1EBDA
100.0%	100.0% #D1ECDA	RVB 209 236 218	#D1ECDA

#D5EADE #D4EADD #D3EADC #D3EBDC #D2EBDB #D1EBDA #D1ECDA

#D5EADE - #D3EBDC - #D1ECDA

Codes CSS

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

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