#B5EECC - #53C49C | 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 #B5EECC à #53C49C

#B5EECC #53C49C

Calculez la couleur entre deux couleurs, #B5EECC et #53C49C. 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)

#B5EECC - #53C49C | 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 #B5EECC 0% et #53C49C 100%.

0.0%	0.0% #B5EECC	RVB 181 238 204	#B5EECC
16.7%	16.7% #A4E7C4	RVB 164 231 196	#A4E7C4
33.3%	33.3% #94E0BC	RVB 148 224 188	#94E0BC
50.0%	50.0% #84D9B4	RVB 132 217 180	#84D9B4
66.7%	66.7% #73D2AC	RVB 115 210 172	#73D2AC
83.3%	83.3% #63CBA4	RVB 99 203 164	#63CBA4
100.0%	100.0% #53C49C	RVB 83 196 156	#53C49C

#B5EECC #A4E7C4 #94E0BC #84D9B4 #73D2AC #63CBA4 #53C49C

#B5EECC - #53C49C

Mélange HSV

#B5EECC - #53C49C | 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 #B5EECC 0% et #53C49C 100%.

0.0%	0.0% #B5EECC	RVB 181 238 204	#B5EECC
16.7%	16.7% #A2E7C1	RVB 162 231 193	#A2E7C1
33.3%	33.3% #91E0B7	RVB 145 224 183	#91E0B7
50.0%	50.0% #80D9AE	RVB 128 217 174	#80D9AE
66.7%	66.7% #70D2A7	RVB 112 210 167	#70D2A7
83.3%	83.3% #61CBA1	RVB 97 203 161	#61CBA1
100.0%	100.0% #53C49C	RVB 83 196 156	#53C49C

#B5EECC #A2E7C1 #91E0B7 #80D9AE #70D2A7 #61CBA1 #53C49C

#B5EECC - #80D9AE - #53C49C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EECC 0%, #80D9AE 50%, #53C49C 100%);
    background: -webkit-linear-gradient(top, #B5EECC 0%, #80D9AE 50%, #53C49C 100%);
    background: linear-gradient(to bottom, #B5EECC 0%, #80D9AE 50%, #53C49C 100%);
}
</style>