#B9D5E5 - #E8E5E4 | 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 #B9D5E5 à #E8E5E4

#B9D5E5 #E8E5E4

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

#B9D5E5 - #E8E5E4 | 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 #B9D5E5 0% et #E8E5E4 100%.

0.0%	0.0% #B9D5E5	RVB 185 213 229	#B9D5E5
16.7%	16.7% #C0D7E4	RVB 192 215 228	#C0D7E4
33.3%	33.3% #C8DAE4	RVB 200 218 228	#C8DAE4
50.0%	50.0% #D0DDE4	RVB 208 221 228	#D0DDE4
66.7%	66.7% #D8DFE4	RVB 216 223 228	#D8DFE4
83.3%	83.3% #E0E2E4	RVB 224 226 228	#E0E2E4
100.0%	100.0% #E8E5E4	RVB 232 229 228	#E8E5E4

#B9D5E5 #C0D7E4 #C8DAE4 #D0DDE4 #D8DFE4 #E0E2E4 #E8E5E4

#B9D5E5 - #E8E5E4

Mélange HSV

#B9D5E5 - #E8E5E4 | 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 #B9D5E5 0% et #E8E5E4 100%.

0.0%	0.0% #B9D5E5	RVB 185 213 229	#B9D5E5
16.7%	16.7% #C0C5E5	RVB 192 197 229	#C0C5E5
33.3%	33.3% #D1C7E6	RVB 209 199 230	#D1C7E6
50.0%	50.0% #E1CEE6	RVB 225 206 230	#E1CEE6
66.7%	66.7% #E7D5E1	RVB 231 213 225	#E7D5E1
83.3%	83.3% #E7DCDF	RVB 231 220 223	#E7DCDF
100.0%	100.0% #E8E5E4	RVB 232 229 228	#E8E5E4

#B9D5E5 #C0C5E5 #D1C7E6 #E1CEE6 #E7D5E1 #E7DCDF #E8E5E4

#B9D5E5 - #E1CEE6 - #E8E5E4

Codes CSS

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

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