#BBC5E4 - #5C76AC | 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 #BBC5E4 à #5C76AC

#BBC5E4 #5C76AC

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

#BBC5E4 - #5C76AC | 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 #BBC5E4 0% et #5C76AC 100%.

0.0%	0.0% #BBC5E4	RVB 187 197 228	#BBC5E4
16.7%	16.7% #ABB7DA	RVB 171 183 218	#ABB7DA
33.3%	33.3% #9BAAD1	RVB 155 170 209	#9BAAD1
50.0%	50.0% #8B9DC8	RVB 139 157 200	#8B9DC8
66.7%	66.7% #7B90BE	RVB 123 144 190	#7B90BE
83.3%	83.3% #6B83B5	RVB 107 131 181	#6B83B5
100.0%	100.0% #5C76AC	RVB 92 118 172	#5C76AC

#BBC5E4 #ABB7DA #9BAAD1 #8B9DC8 #7B90BE #6B83B5 #5C76AC

#BBC5E4 - #5C76AC

Mélange HSV

#BBC5E4 - #5C76AC | 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 #BBC5E4 0% et #5C76AC 100%.

0.0%	0.0% #BBC5E4	RVB 187 197 228	#BBC5E4
16.7%	16.7% #A8B5DA	RVB 168 181 218	#A8B5DA
33.3%	33.3% #97A7D1	RVB 151 167 209	#97A7D1
50.0%	50.0% #8799C8	RVB 135 153 200	#8799C8
66.7%	66.7% #788DBE	RVB 120 141 190	#788DBE
83.3%	83.3% #6981B5	RVB 105 129 181	#6981B5
100.0%	100.0% #5C76AC	RVB 92 118 172	#5C76AC

#BBC5E4 #A8B5DA #97A7D1 #8799C8 #788DBE #6981B5 #5C76AC

#BBC5E4 - #8799C8 - #5C76AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC5E4 0%, #8799C8 50%, #5C76AC 100%);
    background: -webkit-linear-gradient(top, #BBC5E4 0%, #8799C8 50%, #5C76AC 100%);
    background: linear-gradient(to bottom, #BBC5E4 0%, #8799C8 50%, #5C76AC 100%);
}
</style>