#35A698 - #C5E5E1 | 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 #35A698 à #C5E5E1

#35A698 #C5E5E1

Calculez la couleur entre deux couleurs, #35A698 et #C5E5E1. 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)

#35A698 - #C5E5E1 | 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 #35A698 0% et #C5E5E1 100%.

0.0%	0.0% #35A698	RVB 53 166 152	#35A698
16.7%	16.7% #4DB0A4	RVB 77 176 164	#4DB0A4
33.3%	33.3% #65BBB0	RVB 101 187 176	#65BBB0
50.0%	50.0% #7DC5BC	RVB 125 197 188	#7DC5BC
66.7%	66.7% #95D0C8	RVB 149 208 200	#95D0C8
83.3%	83.3% #ADDAD4	RVB 173 218 212	#ADDAD4
100.0%	100.0% #C5E5E1	RVB 197 229 225	#C5E5E1

#35A698 #4DB0A4 #65BBB0 #7DC5BC #95D0C8 #ADDAD4 #C5E5E1

#35A698 - #C5E5E1

Mélange HSV

#35A698 - #C5E5E1 | 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 #35A698 0% et #C5E5E1 100%.

0.0%	0.0% #35A698	RVB 53 166 152	#35A698
16.7%	16.7% #48B0A3	RVB 72 176 163	#48B0A3
33.3%	33.3% #5DBBAF	RVB 93 187 175	#5DBBAF
50.0%	50.0% #74C5BB	RVB 116 197 187	#74C5BB
66.7%	66.7% #8DD0C7	RVB 141 208 199	#8DD0C7
83.3%	83.3% #A8DAD4	RVB 168 218 212	#A8DAD4
100.0%	100.0% #C5E5E1	RVB 197 229 225	#C5E5E1

#35A698 #48B0A3 #5DBBAF #74C5BB #8DD0C7 #A8DAD4 #C5E5E1

#35A698 - #74C5BB - #C5E5E1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35A698 0%, #74C5BB 50%, #C5E5E1 100%);
    background: -webkit-linear-gradient(top, #35A698 0%, #74C5BB 50%, #C5E5E1 100%);
    background: linear-gradient(to bottom, #35A698 0%, #74C5BB 50%, #C5E5E1 100%);
}
</style>