#1D5E5E - #73AD82 | 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 #1D5E5E à #73AD82

#1D5E5E #73AD82

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

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

0.0%	0.0% #1D5E5E	RVB 29 94 94	#1D5E5E
16.7%	16.7% #2B6B64	RVB 43 107 100	#2B6B64
33.3%	33.3% #39786A	RVB 57 120 106	#39786A
50.0%	50.0% #488570	RVB 72 133 112	#488570
66.7%	66.7% #569276	RVB 86 146 118	#569276
83.3%	83.3% #649F7C	RVB 100 159 124	#649F7C
100.0%	100.0% #73AD82	RVB 115 173 130	#73AD82

#1D5E5E #2B6B64 #39786A #488570 #569276 #649F7C #73AD82

#1D5E5E - #73AD82

Mélange HSV

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

0.0%	0.0% #1D5E5E	RVB 29 94 94	#1D5E5E
16.7%	16.7% #276B62	RVB 39 107 98	#276B62
33.3%	33.3% #337867	RVB 51 120 103	#337867
50.0%	50.0% #40856C	RVB 64 133 108	#40856C
66.7%	66.7% #509271	RVB 80 146 113	#509271
83.3%	83.3% #609F78	RVB 96 159 120	#609F78
100.0%	100.0% #73AD82	RVB 115 173 130	#73AD82

#1D5E5E #276B62 #337867 #40856C #509271 #609F78 #73AD82

#1D5E5E - #40856C - #73AD82

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D5E5E 0%, #40856C 50%, #73AD82 100%);
    background: -webkit-linear-gradient(top, #1D5E5E 0%, #40856C 50%, #73AD82 100%);
    background: linear-gradient(to bottom, #1D5E5E 0%, #40856C 50%, #73AD82 100%);
}
</style>