#3A8C8C - #025C4A | 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 #3A8C8C à #025C4A

#3A8C8C #025C4A

Calculez la couleur entre deux couleurs, #3A8C8C et #025C4A. 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)

#3A8C8C - #025C4A | 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 #3A8C8C 0% et #025C4A 100%.

0.0%	0.0% #3A8C8C	RVB 58 140 140	#3A8C8C
16.7%	16.7% #308481	RVB 48 132 129	#308481
33.3%	33.3% #277C76	RVB 39 124 118	#277C76
50.0%	50.0% #1E746B	RVB 30 116 107	#1E746B
66.7%	66.7% #146C60	RVB 20 108 96	#146C60
83.3%	83.3% #0B6455	RVB 11 100 85	#0B6455
100.0%	100.0% #025C4A	RVB 2 92 74	#025C4A

#3A8C8C #308481 #277C76 #1E746B #146C60 #0B6455 #025C4A

#3A8C8C - #025C4A

Mélange HSV

#3A8C8C - #025C4A | 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 #3A8C8C 0% et #025C4A 100%.

0.0%	0.0% #3A8C8C	RVB 58 140 140	#3A8C8C
16.7%	16.7% #2E8481	RVB 46 132 129	#2E8481
33.3%	33.3% #237C76	RVB 35 124 118	#237C76
50.0%	50.0% #19746A	RVB 25 116 106	#19746A
66.7%	66.7% #106C5F	RVB 16 108 95	#106C5F
83.3%	83.3% #086454	RVB 8 100 84	#086454
100.0%	100.0% #025C4A	RVB 2 92 74	#025C4A

#3A8C8C #2E8481 #237C76 #19746A #106C5F #086454 #025C4A

#3A8C8C - #19746A - #025C4A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8C8C 0%, #19746A 50%, #025C4A 100%);
    background: -webkit-linear-gradient(top, #3A8C8C 0%, #19746A 50%, #025C4A 100%);
    background: linear-gradient(to bottom, #3A8C8C 0%, #19746A 50%, #025C4A 100%);
}
</style>