#B5D5E5 - #5E89B0 | 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 #B5D5E5 à #5E89B0

#B5D5E5 #5E89B0

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

#B5D5E5 - #5E89B0 | 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 #B5D5E5 0% et #5E89B0 100%.

0.0%	0.0% #B5D5E5	RVB 181 213 229	#B5D5E5
16.7%	16.7% #A6C8DC	RVB 166 200 220	#A6C8DC
33.3%	33.3% #98BBD3	RVB 152 187 211	#98BBD3
50.0%	50.0% #89AFCA	RVB 137 175 202	#89AFCA
66.7%	66.7% #7BA2C1	RVB 123 162 193	#7BA2C1
83.3%	83.3% #6C95B8	RVB 108 149 184	#6C95B8
100.0%	100.0% #5E89B0	RVB 94 137 176	#5E89B0

#B5D5E5 #A6C8DC #98BBD3 #89AFCA #7BA2C1 #6C95B8 #5E89B0

#B5D5E5 - #5E89B0

Mélange HSV

#B5D5E5 - #5E89B0 | 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 #B5D5E5 0% et #5E89B0 100%.

0.0%	0.0% #B5D5E5	RVB 181 213 229	#B5D5E5
16.7%	16.7% #A4C8DC	RVB 164 200 220	#A4C8DC
33.3%	33.3% #94BBD3	RVB 148 187 211	#94BBD3
50.0%	50.0% #86AECA	RVB 134 174 202	#86AECA
66.7%	66.7% #77A2C1	RVB 119 162 193	#77A2C1
83.3%	83.3% #6A95B8	RVB 106 149 184	#6A95B8
100.0%	100.0% #5E89B0	RVB 94 137 176	#5E89B0

#B5D5E5 #A4C8DC #94BBD3 #86AECA #77A2C1 #6A95B8 #5E89B0

#B5D5E5 - #86AECA - #5E89B0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D5E5 0%, #86AECA 50%, #5E89B0 100%);
    background: -webkit-linear-gradient(top, #B5D5E5 0%, #86AECA 50%, #5E89B0 100%);
    background: linear-gradient(to bottom, #B5D5E5 0%, #86AECA 50%, #5E89B0 100%);
}
</style>