#BFD6B2 - #73AD5E | 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 #BFD6B2 à #73AD5E

#BFD6B2 #73AD5E

Calculez la couleur entre deux couleurs, #BFD6B2 et #73AD5E. 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)

#BFD6B2 - #73AD5E | 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 #BFD6B2 0% et #73AD5E 100%.

0.0%	0.0% #BFD6B2	RVB 191 214 178	#BFD6B2
16.7%	16.7% #B2CFA4	RVB 178 207 164	#B2CFA4
33.3%	33.3% #A5C896	RVB 165 200 150	#A5C896
50.0%	50.0% #99C188	RVB 153 193 136	#99C188
66.7%	66.7% #8CBA7A	RVB 140 186 122	#8CBA7A
83.3%	83.3% #7FB36C	RVB 127 179 108	#7FB36C
100.0%	100.0% #73AD5E	RVB 115 173 94	#73AD5E

#BFD6B2 #B2CFA4 #A5C896 #99C188 #8CBA7A #7FB36C #73AD5E

#BFD6B2 - #73AD5E

Mélange HSV

#BFD6B2 - #73AD5E | 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 #BFD6B2 0% et #73AD5E 100%.

0.0%	0.0% #BFD6B2	RVB 191 214 178	#BFD6B2
16.7%	16.7% #B1CFA2	RVB 177 207 162	#B1CFA2
33.3%	33.3% #A4C893	RVB 164 200 147	#A4C893
50.0%	50.0% #97C185	RVB 151 193 133	#97C185
66.7%	66.7% #8BBA77	RVB 139 186 119	#8BBA77
83.3%	83.3% #7FB36A	RVB 127 179 106	#7FB36A
100.0%	100.0% #73AD5E	RVB 115 173 94	#73AD5E

#BFD6B2 #B1CFA2 #A4C893 #97C185 #8BBA77 #7FB36A #73AD5E

#BFD6B2 - #97C185 - #73AD5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
    background: -webkit-linear-gradient(top, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
    background: linear-gradient(to bottom, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
}
</style>