#3E5E4B - #AB928F | 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 #3E5E4B à #AB928F

#3E5E4B #AB928F

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

#3E5E4B - #AB928F | 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 #3E5E4B 0% et #AB928F 100%.

0.0%	0.0% #3E5E4B	RVB 62 94 75	#3E5E4B
16.7%	16.7% #506656	RVB 80 102 86	#506656
33.3%	33.3% #626F61	RVB 98 111 97	#626F61
50.0%	50.0% #74786D	RVB 116 120 109	#74786D
66.7%	66.7% #868078	RVB 134 128 120	#868078
83.3%	83.3% #988983	RVB 152 137 131	#988983
100.0%	100.0% #AB928F	RVB 171 146 143	#AB928F

#3E5E4B #506656 #626F61 #74786D #868078 #988983 #AB928F

#3E5E4B - #AB928F

Mélange HSV

#3E5E4B - #AB928F | 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 #3E5E4B 0% et #AB928F 100%.

0.0%	0.0% #3E5E4B	RVB 62 94 75	#3E5E4B
16.7%	16.7% #496A4A	RVB 73 106 74	#496A4A
33.3%	33.3% #627755	RVB 98 119 85	#627755
50.0%	50.0% #7B8463	RVB 123 132 99	#7B8463
66.7%	66.7% #918D70	RVB 145 141 112	#918D70
83.3%	83.3% #9E8E7F	RVB 158 142 127	#9E8E7F
100.0%	100.0% #AB928F	RVB 171 146 143	#AB928F

#3E5E4B #496A4A #627755 #7B8463 #918D70 #9E8E7F #AB928F

#3E5E4B - #7B8463 - #AB928F

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4B 0%, #7B8463 50%, #AB928F 100%);
    background: -webkit-linear-gradient(top, #3E5E4B 0%, #7B8463 50%, #AB928F 100%);
    background: linear-gradient(to bottom, #3E5E4B 0%, #7B8463 50%, #AB928F 100%);
}
</style>