#C7DCDA - #E5E3E0 | 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 #C7DCDA à #E5E3E0

#C7DCDA #E5E3E0

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

#C7DCDA - #E5E3E0 | 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 #C7DCDA 0% et #E5E3E0 100%.

0.0%	0.0% #C7DCDA	RVB 199 220 218	#C7DCDA
16.7%	16.7% #CCDDDB	RVB 204 221 219	#CCDDDB
33.3%	33.3% #D1DEDC	RVB 209 222 220	#D1DEDC
50.0%	50.0% #D6DFDD	RVB 214 223 221	#D6DFDD
66.7%	66.7% #DBE0DE	RVB 219 224 222	#DBE0DE
83.3%	83.3% #E0E1DF	RVB 224 225 223	#E0E1DF
100.0%	100.0% #E5E3E0	RVB 229 227 224	#E5E3E0

#C7DCDA #CCDDDB #D1DEDC #D6DFDD #DBE0DE #E0E1DF #E5E3E0

#C7DCDA - #E5E3E0

Mélange HSV

#C7DCDA - #E5E3E0 | 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 #C7DCDA 0% et #E5E3E0 100%.

0.0%	0.0% #C7DCDA	RVB 199 220 218	#C7DCDA
16.7%	16.7% #CBDDD4	RVB 203 221 212	#CBDDD4
33.3%	33.3% #CFDFD1	RVB 207 223 209	#CFDFD1
50.0%	50.0% #D6E0D3	RVB 214 224 211	#D6E0D3
66.7%	66.7% #DEE2D7	RVB 222 226 215	#DEE2D7
83.3%	83.3% #E3E3DB	RVB 227 227 219	#E3E3DB
100.0%	100.0% #E5E3E0	RVB 229 227 224	#E5E3E0

#C7DCDA #CBDDD4 #CFDFD1 #D6E0D3 #DEE2D7 #E3E3DB #E5E3E0

#C7DCDA - #D6E0D3 - #E5E3E0

Codes CSS

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

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