#CADBE0 - #E5E7E4 | 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 #CADBE0 à #E5E7E4

#CADBE0 #E5E7E4

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

#CADBE0 - #E5E7E4 | 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 #CADBE0 0% et #E5E7E4 100%.

0.0%	0.0% #CADBE0	RVB 202 219 224	#CADBE0
16.7%	16.7% #CEDDE0	RVB 206 221 224	#CEDDE0
33.3%	33.3% #D3DFE1	RVB 211 223 225	#D3DFE1
50.0%	50.0% #D7E1E2	RVB 215 225 226	#D7E1E2
66.7%	66.7% #DCE3E2	RVB 220 227 226	#DCE3E2
83.3%	83.3% #E0E5E3	RVB 224 229 227	#E0E5E3
100.0%	100.0% #E5E7E4	RVB 229 231 228	#E5E7E4

#CADBE0 #CEDDE0 #D3DFE1 #D7E1E2 #DCE3E2 #E0E5E3 #E5E7E4

#CADBE0 - #E5E7E4

Mélange HSV

#CADBE0 - #E5E7E4 | 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 #CADBE0 0% et #E5E7E4 100%.

0.0%	0.0% #CADBE0	RVB 202 219 224	#CADBE0
16.7%	16.7% #CEE1E0	RVB 206 225 224	#CEE1E0
33.3%	33.3% #D2E2DD	RVB 210 226 221	#D2E2DD
50.0%	50.0% #D6E3DC	RVB 214 227 220	#D6E3DC
66.7%	66.7% #DBE4DC	RVB 219 228 220	#DBE4DC
83.3%	83.3% #E0E5DF	RVB 224 229 223	#E0E5DF
100.0%	100.0% #E5E7E4	RVB 229 231 228	#E5E7E4

#CADBE0 #CEE1E0 #D2E2DD #D6E3DC #DBE4DC #E0E5DF #E5E7E4

#CADBE0 - #D6E3DC - #E5E7E4

Codes CSS

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

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