#C8CFE1 - #E6E7E5 | 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 #C8CFE1 à #E6E7E5

#C8CFE1 #E6E7E5

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

#C8CFE1 - #E6E7E5 | 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 #C8CFE1 0% et #E6E7E5 100%.

0.0%	0.0% #C8CFE1	RVB 200 207 225	#C8CFE1
16.7%	16.7% #CDD3E1	RVB 205 211 225	#CDD3E1
33.3%	33.3% #D2D7E2	RVB 210 215 226	#D2D7E2
50.0%	50.0% #D7DBE3	RVB 215 219 227	#D7DBE3
66.7%	66.7% #DCDFE3	RVB 220 223 227	#DCDFE3
83.3%	83.3% #E1E3E4	RVB 225 227 228	#E1E3E4
100.0%	100.0% #E6E7E5	RVB 230 231 229	#E6E7E5

#C8CFE1 #CDD3E1 #D2D7E2 #D7DBE3 #DCDFE3 #E1E3E4 #E6E7E5

#C8CFE1 - #E6E7E5

Mélange HSV

#C8CFE1 - #E6E7E5 | 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 #C8CFE1 0% et #E6E7E5 100%.

0.0%	0.0% #C8CFE1	RVB 200 207 225	#C8CFE1
16.7%	16.7% #CCDAE2	RVB 204 218 226	#CCDAE2
33.3%	33.3% #D1E3E2	RVB 209 227 226	#D1E3E2
50.0%	50.0% #D6E4DE	RVB 214 228 222	#D6E4DE
66.7%	66.7% #DBE5DD	RVB 219 229 221	#DBE5DD
83.3%	83.3% #E0E6E0	RVB 224 230 224	#E0E6E0
100.0%	100.0% #E6E7E5	RVB 230 231 229	#E6E7E5

#C8CFE1 #CCDAE2 #D1E3E2 #D6E4DE #DBE5DD #E0E6E0 #E6E7E5

#C8CFE1 - #D6E4DE - #E6E7E5

Codes CSS

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

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