#A8CFCB - #3E9C98 | 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 #A8CFCB à #3E9C98

#A8CFCB #3E9C98

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

#A8CFCB - #3E9C98 | 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 #A8CFCB 0% et #3E9C98 100%.

0.0%	0.0% #A8CFCB	RVB 168 207 203	#A8CFCB
16.7%	16.7% #96C6C2	RVB 150 198 194	#96C6C2
33.3%	33.3% #84BEBA	RVB 132 190 186	#84BEBA
50.0%	50.0% #73B5B1	RVB 115 181 177	#73B5B1
66.7%	66.7% #61ADA9	RVB 97 173 169	#61ADA9
83.3%	83.3% #4FA4A0	RVB 79 164 160	#4FA4A0
100.0%	100.0% #3E9C98	RVB 62 156 152	#3E9C98

#A8CFCB #96C6C2 #84BEBA #73B5B1 #61ADA9 #4FA4A0 #3E9C98

#A8CFCB - #3E9C98

Mélange HSV

#A8CFCB - #3E9C98 | 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 #A8CFCB 0% et #3E9C98 100%.

0.0%	0.0% #A8CFCB	RVB 168 207 203	#A8CFCB
16.7%	16.7% #93C6C1	RVB 147 198 193	#93C6C1
33.3%	33.3% #7FBEB8	RVB 127 190 184	#7FBEB8
50.0%	50.0% #6DB5B0	RVB 109 181 176	#6DB5B0
66.7%	66.7% #5CADA7	RVB 92 173 167	#5CADA7
83.3%	83.3% #4CA49F	RVB 76 164 159	#4CA49F
100.0%	100.0% #3E9C98	RVB 62 156 152	#3E9C98

#A8CFCB #93C6C1 #7FBEB8 #6DB5B0 #5CADA7 #4CA49F #3E9C98

#A8CFCB - #6DB5B0 - #3E9C98

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CFCB 0%, #6DB5B0 50%, #3E9C98 100%);
    background: -webkit-linear-gradient(top, #A8CFCB 0%, #6DB5B0 50%, #3E9C98 100%);
    background: linear-gradient(to bottom, #A8CFCB 0%, #6DB5B0 50%, #3E9C98 100%);
}
</style>