#379D9A - #C5E3E2 | 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 #379D9A à #C5E3E2

#379D9A #C5E3E2

Calculez la couleur entre deux couleurs, #379D9A et #C5E3E2. 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)

#379D9A - #C5E3E2 | 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 #379D9A 0% et #C5E3E2 100%.

0.0%	0.0% #379D9A	RVB 55 157 154	#379D9A
16.7%	16.7% #4EA8A6	RVB 78 168 166	#4EA8A6
33.3%	33.3% #66B4B2	RVB 102 180 178	#66B4B2
50.0%	50.0% #7EC0BE	RVB 126 192 190	#7EC0BE
66.7%	66.7% #95CBCA	RVB 149 203 202	#95CBCA
83.3%	83.3% #ADD7D6	RVB 173 215 214	#ADD7D6
100.0%	100.0% #C5E3E2	RVB 197 227 226	#C5E3E2

#379D9A #4EA8A6 #66B4B2 #7EC0BE #95CBCA #ADD7D6 #C5E3E2

#379D9A - #C5E3E2

Mélange HSV

#379D9A - #C5E3E2 | 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 #379D9A 0% et #C5E3E2 100%.

0.0%	0.0% #379D9A	RVB 55 157 154	#379D9A
16.7%	16.7% #49A8A5	RVB 73 168 165	#49A8A5
33.3%	33.3% #5EB4B1	RVB 94 180 177	#5EB4B1
50.0%	50.0% #74C0BD	RVB 116 192 189	#74C0BD
66.7%	66.7% #8DCBC9	RVB 141 203 201	#8DCBC9
83.3%	83.3% #A8D7D5	RVB 168 215 213	#A8D7D5
100.0%	100.0% #C5E3E2	RVB 197 227 226	#C5E3E2

#379D9A #49A8A5 #5EB4B1 #74C0BD #8DCBC9 #A8D7D5 #C5E3E2

#379D9A - #74C0BD - #C5E3E2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #379D9A 0%, #74C0BD 50%, #C5E3E2 100%);
    background: -webkit-linear-gradient(top, #379D9A 0%, #74C0BD 50%, #C5E3E2 100%);
    background: linear-gradient(to bottom, #379D9A 0%, #74C0BD 50%, #C5E3E2 100%);
}
</style>