#BDD3E5 - #5E91AE | 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 #BDD3E5 à #5E91AE

#BDD3E5 #5E91AE

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

#BDD3E5 - #5E91AE | 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 #BDD3E5 0% et #5E91AE 100%.

0.0%	0.0% #BDD3E5	RVB 189 211 229	#BDD3E5
16.7%	16.7% #ADC8DB	RVB 173 200 219	#ADC8DB
33.3%	33.3% #9DBDD2	RVB 157 189 210	#9DBDD2
50.0%	50.0% #8DB2C9	RVB 141 178 201	#8DB2C9
66.7%	66.7% #7DA7C0	RVB 125 167 192	#7DA7C0
83.3%	83.3% #6D9CB7	RVB 109 156 183	#6D9CB7
100.0%	100.0% #5E91AE	RVB 94 145 174	#5E91AE

#BDD3E5 #ADC8DB #9DBDD2 #8DB2C9 #7DA7C0 #6D9CB7 #5E91AE

#BDD3E5 - #5E91AE

Mélange HSV

#BDD3E5 - #5E91AE | 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 #BDD3E5 0% et #5E91AE 100%.

0.0%	0.0% #BDD3E5	RVB 189 211 229	#BDD3E5
16.7%	16.7% #AAC6DB	RVB 170 198 219	#AAC6DB
33.3%	33.3% #99BAD2	RVB 153 186 210	#99BAD2
50.0%	50.0% #89AFC9	RVB 137 175 201	#89AFC9
66.7%	66.7% #7AA4C0	RVB 122 164 192	#7AA4C0
83.3%	83.3% #6B9AB7	RVB 107 154 183	#6B9AB7
100.0%	100.0% #5E91AE	RVB 94 145 174	#5E91AE

#BDD3E5 #AAC6DB #99BAD2 #89AFC9 #7AA4C0 #6B9AB7 #5E91AE

#BDD3E5 - #89AFC9 - #5E91AE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDD3E5 0%, #89AFC9 50%, #5E91AE 100%);
    background: -webkit-linear-gradient(top, #BDD3E5 0%, #89AFC9 50%, #5E91AE 100%);
    background: linear-gradient(to bottom, #BDD3E5 0%, #89AFC9 50%, #5E91AE 100%);
}
</style>