#20B2AA - #BCF0AC | 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 #20B2AA à #BCF0AC

#20B2AA #BCF0AC

Calculez la couleur entre deux couleurs, #20B2AA et #BCF0AC. 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)

#20B2AA - #BCF0AC | 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 #20B2AA 0% et #BCF0AC 100%.

0.0%	0.0% #20B2AA	RVB 32 178 170	#20B2AA
16.7%	16.7% #3ABCAA	RVB 58 188 170	#3ABCAA
33.3%	33.3% #54C6AA	RVB 84 198 170	#54C6AA
50.0%	50.0% #6ED1AB	RVB 110 209 171	#6ED1AB
66.7%	66.7% #88DBAB	RVB 136 219 171	#88DBAB
83.3%	83.3% #A2E5AB	RVB 162 229 171	#A2E5AB
100.0%	100.0% #BCF0AC	RVB 188 240 172	#BCF0AC

#20B2AA #3ABCAA #54C6AA #6ED1AB #88DBAB #A2E5AB #BCF0AC

#20B2AA - #BCF0AC

Mélange HSV

#20B2AA - #BCF0AC | 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 #20B2AA 0% et #BCF0AC 100%.

0.0%	0.0% #20B2AA	RVB 32 178 170	#20B2AA
16.7%	16.7% #32BC99	RVB 50 188 153	#32BC99
33.3%	33.3% #47C68D	RVB 71 198 141	#47C68D
50.0%	50.0% #5DD186	RVB 93 209 134	#5DD186
66.7%	66.7% #75DB85	RVB 117 219 133	#75DB85
83.3%	83.3% #93E590	RVB 147 229 144	#93E590
100.0%	100.0% #BCF0AC	RVB 188 240 172	#BCF0AC

#20B2AA #32BC99 #47C68D #5DD186 #75DB85 #93E590 #BCF0AC

#20B2AA - #5DD186 - #BCF0AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20B2AA 0%, #5DD186 50%, #BCF0AC 100%);
    background: -webkit-linear-gradient(top, #20B2AA 0%, #5DD186 50%, #BCF0AC 100%);
    background: linear-gradient(to bottom, #20B2AA 0%, #5DD186 50%, #BCF0AC 100%);
}
</style>