#BECABB - #5E8C6E | 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 #BECABB à #5E8C6E

#BECABB #5E8C6E

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

#BECABB - #5E8C6E | 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 #BECABB 0% et #5E8C6E 100%.

0.0%	0.0% #BECABB	RVB 190 202 187	#BECABB
16.7%	16.7% #AEBFAE	RVB 174 191 174	#AEBFAE
33.3%	33.3% #9EB5A1	RVB 158 181 161	#9EB5A1
50.0%	50.0% #8EAB94	RVB 142 171 148	#8EAB94
66.7%	66.7% #7EA087	RVB 126 160 135	#7EA087
83.3%	83.3% #6E967A	RVB 110 150 122	#6E967A
100.0%	100.0% #5E8C6E	RVB 94 140 110	#5E8C6E

#BECABB #AEBFAE #9EB5A1 #8EAB94 #7EA087 #6E967A #5E8C6E

#BECABB - #5E8C6E

Mélange HSV

#BECABB - #5E8C6E | 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 #BECABB 0% et #5E8C6E 100%.

0.0%	0.0% #BECABB	RVB 190 202 187	#BECABB
16.7%	16.7% #ABBFA9	RVB 171 191 169	#ABBFA9
33.3%	33.3% #98B598	RVB 152 181 152	#98B598
50.0%	50.0% #88AB8B	RVB 136 171 139	#88AB8B
66.7%	66.7% #79A07F	RVB 121 160 127	#79A07F
83.3%	83.3% #6B9676	RVB 107 150 118	#6B9676
100.0%	100.0% #5E8C6E	RVB 94 140 110	#5E8C6E

#BECABB #ABBFA9 #98B598 #88AB8B #79A07F #6B9676 #5E8C6E

#BECABB - #88AB8B - #5E8C6E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BECABB 0%, #88AB8B 50%, #5E8C6E 100%);
    background: -webkit-linear-gradient(top, #BECABB 0%, #88AB8B 50%, #5E8C6E 100%);
    background: linear-gradient(to bottom, #BECABB 0%, #88AB8B 50%, #5E8C6E 100%);
}
</style>