#BBCCE2 - #E2E3E2 | 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 #BBCCE2 à #E2E3E2

#BBCCE2 #E2E3E2

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

#BBCCE2 - #E2E3E2 | 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 #BBCCE2 0% et #E2E3E2 100%.

0.0%	0.0% #BBCCE2	RVB 187 204 226	#BBCCE2
16.7%	16.7% #C1CFE2	RVB 193 207 226	#C1CFE2
33.3%	33.3% #C8D3E2	RVB 200 211 226	#C8D3E2
50.0%	50.0% #CED7E2	RVB 206 215 226	#CED7E2
66.7%	66.7% #D5DBE2	RVB 213 219 226	#D5DBE2
83.3%	83.3% #DBDFE2	RVB 219 223 226	#DBDFE2
100.0%	100.0% #E2E3E2	RVB 226 227 226	#E2E3E2

#BBCCE2 #C1CFE2 #C8D3E2 #CED7E2 #D5DBE2 #DBDFE2 #E2E3E2

#BBCCE2 - #E2E3E2

Mélange HSV

#BBCCE2 - #E2E3E2 | 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 #BBCCE2 0% et #E2E3E2 100%.

0.0%	0.0% #BBCCE2	RVB 187 204 226	#BBCCE2
16.7%	16.7% #C1D8E2	RVB 193 216 226	#C1D8E2
33.3%	33.3% #C7E1E2	RVB 199 225 226	#C7E1E2
50.0%	50.0% #CEE2DE	RVB 206 226 222	#CEE2DE
66.7%	66.7% #D4E2DC	RVB 212 226 220	#D4E2DC
83.3%	83.3% #DBE2DD	RVB 219 226 221	#DBE2DD
100.0%	100.0% #E2E3E2	RVB 226 227 226	#E2E3E2

#BBCCE2 #C1D8E2 #C7E1E2 #CEE2DE #D4E2DC #DBE2DD #E2E3E2

#BBCCE2 - #CEE2DE - #E2E3E2

Codes CSS

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

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