#BBCAE5 - #5E7CAE | 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 #BBCAE5 à #5E7CAE

#BBCAE5 #5E7CAE

Calculez la couleur entre deux couleurs, #BBCAE5 et #5E7CAE. 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)

#BBCAE5 - #5E7CAE | 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 #BBCAE5 0% et #5E7CAE 100%.

0.0%	0.0% #BBCAE5	RVB 187 202 229	#BBCAE5
16.7%	16.7% #ABBDDB	RVB 171 189 219	#ABBDDB
33.3%	33.3% #9CB0D2	RVB 156 176 210	#9CB0D2
50.0%	50.0% #8CA3C9	RVB 140 163 201	#8CA3C9
66.7%	66.7% #7D96C0	RVB 125 150 192	#7D96C0
83.3%	83.3% #6D89B7	RVB 109 137 183	#6D89B7
100.0%	100.0% #5E7CAE	RVB 94 124 174	#5E7CAE

#BBCAE5 #ABBDDB #9CB0D2 #8CA3C9 #7D96C0 #6D89B7 #5E7CAE

#BBCAE5 - #5E7CAE

Mélange HSV

#BBCAE5 - #5E7CAE | 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 #BBCAE5 0% et #5E7CAE 100%.

0.0%	0.0% #BBCAE5	RVB 187 202 229	#BBCAE5
16.7%	16.7% #A9BBDB	RVB 169 187 219	#A9BBDB
33.3%	33.3% #98ADD2	RVB 152 173 210	#98ADD2
50.0%	50.0% #88A0C9	RVB 136 160 201	#88A0C9
66.7%	66.7% #7993C0	RVB 121 147 192	#7993C0
83.3%	83.3% #6B87B7	RVB 107 135 183	#6B87B7
100.0%	100.0% #5E7CAE	RVB 94 124 174	#5E7CAE

#BBCAE5 #A9BBDB #98ADD2 #88A0C9 #7993C0 #6B87B7 #5E7CAE

#BBCAE5 - #88A0C9 - #5E7CAE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBCAE5 0%, #88A0C9 50%, #5E7CAE 100%);
    background: -webkit-linear-gradient(top, #BBCAE5 0%, #88A0C9 50%, #5E7CAE 100%);
    background: linear-gradient(to bottom, #BBCAE5 0%, #88A0C9 50%, #5E7CAE 100%);
}
</style>