#B2D8F2 - #E5E4E9 | 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 #B2D8F2 à #E5E4E9

#B2D8F2 #E5E4E9

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

#B2D8F2 - #E5E4E9 | 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 #B2D8F2 0% et #E5E4E9 100%.

0.0%	0.0% #B2D8F2	RVB 178 216 242	#B2D8F2
16.7%	16.7% #BADAF0	RVB 186 218 240	#BADAF0
33.3%	33.3% #C3DCEF	RVB 195 220 239	#C3DCEF
50.0%	50.0% #CBDEED	RVB 203 222 237	#CBDEED
66.7%	66.7% #D4E0EC	RVB 212 224 236	#D4E0EC
83.3%	83.3% #DCE2EA	RVB 220 226 234	#DCE2EA
100.0%	100.0% #E5E4E9	RVB 229 228 233	#E5E4E9

#B2D8F2 #BADAF0 #C3DCEF #CBDEED #D4E0EC #DCE2EA #E5E4E9

#B2D8F2 - #E5E4E9

Mélange HSV

#B2D8F2 - #E5E4E9 | 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 #B2D8F2 0% et #E5E4E9 100%.

0.0%	0.0% #B2D8F2	RVB 178 216 242	#B2D8F2
16.7%	16.7% #BAD3F0	RVB 186 211 240	#BAD3F0
33.3%	33.3% #C3D1EF	RVB 195 209 239	#C3D1EF
50.0%	50.0% #CBD2ED	RVB 203 210 237	#CBD2ED
66.7%	66.7% #D3D5EC	RVB 211 213 236	#D3D5EC
83.3%	83.3% #DCDBEA	RVB 220 219 234	#DCDBEA
100.0%	100.0% #E5E4E9	RVB 229 228 233	#E5E4E9

#B2D8F2 #BAD3F0 #C3D1EF #CBD2ED #D3D5EC #DCDBEA #E5E4E9

#B2D8F2 - #CBD2ED - #E5E4E9

Codes CSS

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

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