#1C5E5E - #72AD82 | 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 #1C5E5E à #72AD82

#1C5E5E #72AD82

Calculez la couleur entre deux couleurs, #1C5E5E et #72AD82. 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)

#1C5E5E - #72AD82 | 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 #1C5E5E 0% et #72AD82 100%.

0.0%	0.0% #1C5E5E	RVB 28 94 94	#1C5E5E
16.7%	16.7% #2A6B64	RVB 42 107 100	#2A6B64
33.3%	33.3% #38786A	RVB 56 120 106	#38786A
50.0%	50.0% #478570	RVB 71 133 112	#478570
66.7%	66.7% #559276	RVB 85 146 118	#559276
83.3%	83.3% #639F7C	RVB 99 159 124	#639F7C
100.0%	100.0% #72AD82	RVB 114 173 130	#72AD82

#1C5E5E #2A6B64 #38786A #478570 #559276 #639F7C #72AD82

#1C5E5E - #72AD82

Mélange HSV

#1C5E5E - #72AD82 | 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 #1C5E5E 0% et #72AD82 100%.

0.0%	0.0% #1C5E5E	RVB 28 94 94	#1C5E5E
16.7%	16.7% #266B62	RVB 38 107 98	#266B62
33.3%	33.3% #327867	RVB 50 120 103	#327867
50.0%	50.0% #3F856C	RVB 63 133 108	#3F856C
66.7%	66.7% #4E9271	RVB 78 146 113	#4E9271
83.3%	83.3% #5F9F78	RVB 95 159 120	#5F9F78
100.0%	100.0% #72AD82	RVB 114 173 130	#72AD82

#1C5E5E #266B62 #327867 #3F856C #4E9271 #5F9F78 #72AD82

#1C5E5E - #3F856C - #72AD82

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5E5E 0%, #3F856C 50%, #72AD82 100%);
    background: -webkit-linear-gradient(top, #1C5E5E 0%, #3F856C 50%, #72AD82 100%);
    background: linear-gradient(to bottom, #1C5E5E 0%, #3F856C 50%, #72AD82 100%);
}
</style>