#B5A8C6 - #B8D3E2 | 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 #B5A8C6 à #B8D3E2

#B5A8C6 #B8D3E2

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

#B5A8C6 - #B8D3E2 | 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 #B5A8C6 0% et #B8D3E2 100%.

0.0%	0.0% #B5A8C6	RVB 181 168 198	#B5A8C6
16.7%	16.7% #B5AFCA	RVB 181 175 202	#B5AFCA
33.3%	33.3% #B6B6CF	RVB 182 182 207	#B6B6CF
50.0%	50.0% #B6BDD4	RVB 182 189 212	#B6BDD4
66.7%	66.7% #B7C4D8	RVB 183 196 216	#B7C4D8
83.3%	83.3% #B7CBDD	RVB 183 203 221	#B7CBDD
100.0%	100.0% #B8D3E2	RVB 184 211 226	#B8D3E2

#B5A8C6 #B5AFCA #B6B6CF #B6BDD4 #B7C4D8 #B7CBDD #B8D3E2

#B5A8C6 - #B8D3E2

Mélange HSV

#B5A8C6 - #B8D3E2 | 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 #B5A8C6 0% et #B8D3E2 100%.

0.0%	0.0% #B5A8C6	RVB 181 168 198	#B5A8C6
16.7%	16.7% #B2AACA	RVB 178 170 202	#B2AACA
33.3%	33.3% #B0ADCF	RVB 176 173 207	#B0ADCF
50.0%	50.0% #B0B3D4	RVB 176 179 212	#B0B3D4
66.7%	66.7% #B2BDD8	RVB 178 189 216	#B2BDD8
83.3%	83.3% #B5C7DD	RVB 181 199 221	#B5C7DD
100.0%	100.0% #B8D3E2	RVB 184 211 226	#B8D3E2

#B5A8C6 #B2AACA #B0ADCF #B0B3D4 #B2BDD8 #B5C7DD #B8D3E2

#B5A8C6 - #B0B3D4 - #B8D3E2

Codes CSS

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

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