#B6E5CF - #E3E3E3 | 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 #B6E5CF à #E3E3E3

#B6E5CF #E3E3E3

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

#B6E5CF - #E3E3E3 | 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 #B6E5CF 0% et #E3E3E3 100%.

0.0%	0.0% #B6E5CF	RVB 182 229 207	#B6E5CF
16.7%	16.7% #BDE4D2	RVB 189 228 210	#BDE4D2
33.3%	33.3% #C5E4D5	RVB 197 228 213	#C5E4D5
50.0%	50.0% #CCE4D9	RVB 204 228 217	#CCE4D9
66.7%	66.7% #D4E3DC	RVB 212 227 220	#D4E3DC
83.3%	83.3% #DBE3DF	RVB 219 227 223	#DBE3DF
100.0%	100.0% #E3E3E3	RVB 227 227 227	#E3E3E3

#B6E5CF #BDE4D2 #C5E4D5 #CCE4D9 #D4E3DC #DBE3DF #E3E3E3

#B6E5CF - #E3E3E3

Mélange HSV

#B6E5CF - #E3E3E3 | 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 #B6E5CF 0% et #E3E3E3 100%.

0.0%	0.0% #B6E5CF	RVB 182 229 207	#B6E5CF
16.7%	16.7% #BDE4C1	RVB 189 228 193	#BDE4C1
33.3%	33.3% #CEE4C5	RVB 206 228 197	#CEE4C5
50.0%	50.0% #DDE4CC	RVB 221 228 204	#DDE4CC
66.7%	66.7% #E3E1D4	RVB 227 225 212	#E3E1D4
83.3%	83.3% #E3DEDB	RVB 227 222 219	#E3DEDB
100.0%	100.0% #E3E3E3	RVB 227 227 227	#E3E3E3

#B6E5CF #BDE4C1 #CEE4C5 #DDE4CC #E3E1D4 #E3DEDB #E3E3E3

#B6E5CF - #DDE4CC - #E3E3E3

Codes CSS

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

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