#1A8C8C - #99DAA2 | 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 #1A8C8C à #99DAA2

#1A8C8C #99DAA2

Calculez la couleur entre deux couleurs, #1A8C8C et #99DAA2. 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)

#1A8C8C - #99DAA2 | 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 #1A8C8C 0% et #99DAA2 100%.

0.0%	0.0% #1A8C8C	RVB 26 140 140	#1A8C8C
16.7%	16.7% #2F998F	RVB 47 153 143	#2F998F
33.3%	33.3% #44A693	RVB 68 166 147	#44A693
50.0%	50.0% #59B397	RVB 89 179 151	#59B397
66.7%	66.7% #6EC09A	RVB 110 192 154	#6EC09A
83.3%	83.3% #83CD9E	RVB 131 205 158	#83CD9E
100.0%	100.0% #99DAA2	RVB 153 218 162	#99DAA2

#1A8C8C #2F998F #44A693 #59B397 #6EC09A #83CD9E #99DAA2

#1A8C8C - #99DAA2

Mélange HSV

#1A8C8C - #99DAA2 | 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 #1A8C8C 0% et #99DAA2 100%.

0.0%	0.0% #1A8C8C	RVB 26 140 140	#1A8C8C
16.7%	16.7% #299989	RVB 41 153 137	#299989
33.3%	33.3% #3BA687	RVB 59 166 135	#3BA687
50.0%	50.0% #4FB388	RVB 79 179 136	#4FB388
66.7%	66.7% #65C08C	RVB 101 192 140	#65C08C
83.3%	83.3% #7ECD94	RVB 126 205 148	#7ECD94
100.0%	100.0% #99DAA2	RVB 153 218 162	#99DAA2

#1A8C8C #299989 #3BA687 #4FB388 #65C08C #7ECD94 #99DAA2

#1A8C8C - #4FB388 - #99DAA2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A8C8C 0%, #4FB388 50%, #99DAA2 100%);
    background: -webkit-linear-gradient(top, #1A8C8C 0%, #4FB388 50%, #99DAA2 100%);
    background: linear-gradient(to bottom, #1A8C8C 0%, #4FB388 50%, #99DAA2 100%);
}
</style>