#BBC3C2 - #C7DFBE | 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 #BBC3C2 à #C7DFBE

#BBC3C2 #C7DFBE

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

#BBC3C2 - #C7DFBE | 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 #BBC3C2 0% et #C7DFBE 100%.

0.0%	0.0% #BBC3C2	RVB 187 195 194	#BBC3C2
16.7%	16.7% #BDC7C1	RVB 189 199 193	#BDC7C1
33.3%	33.3% #BFCCC0	RVB 191 204 192	#BFCCC0
50.0%	50.0% #C1D1C0	RVB 193 209 192	#C1D1C0
66.7%	66.7% #C3D5BF	RVB 195 213 191	#C3D5BF
83.3%	83.3% #C5DABE	RVB 197 218 190	#C5DABE
100.0%	100.0% #C7DFBE	RVB 199 223 190	#C7DFBE

#BBC3C2 #BDC7C1 #BFCCC0 #C1D1C0 #C3D5BF #C5DABE #C7DFBE

#BBC3C2 - #C7DFBE

Mélange HSV

#BBC3C2 - #C7DFBE | 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 #BBC3C2 0% et #C7DFBE 100%.

0.0%	0.0% #BBC3C2	RVB 187 195 194	#BBC3C2
16.7%	16.7% #BBC7C3	RVB 187 199 195	#BBC7C3
33.3%	33.3% #BCCCC4	RVB 188 204 196	#BCCCC4
50.0%	50.0% #BDD1C3	RVB 189 209 195	#BDD1C3
66.7%	66.7% #BDD5C0	RVB 189 213 192	#BDD5C0
83.3%	83.3% #C0DABD	RVB 192 218 189	#C0DABD
100.0%	100.0% #C7DFBE	RVB 199 223 190	#C7DFBE

#BBC3C2 #BBC7C3 #BCCCC4 #BDD1C3 #BDD5C0 #C0DABD #C7DFBE

#BBC3C2 - #BDD1C3 - #C7DFBE

Codes CSS

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

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