#00D3D3 - #BEFFB5 | 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 #00D3D3 à #BEFFB5

#00D3D3 #BEFFB5

Calculez la couleur entre deux couleurs, #00D3D3 et #BEFFB5. 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)

#00D3D3 - #BEFFB5 | 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 #00D3D3 0% et #BEFFB5 100%.

0.0%	0.0% #00D3D3	RVB 0 211 211	#00D3D3
16.7%	16.7% #1FDACE	RVB 31 218 206	#1FDACE
33.3%	33.3% #3FE1C9	RVB 63 225 201	#3FE1C9
50.0%	50.0% #5FE9C4	RVB 95 233 196	#5FE9C4
66.7%	66.7% #7EF0BF	RVB 126 240 191	#7EF0BF
83.3%	83.3% #9EF7BA	RVB 158 247 186	#9EF7BA
100.0%	100.0% #BEFFB5	RVB 190 255 181	#BEFFB5

#00D3D3 #1FDACE #3FE1C9 #5FE9C4 #7EF0BF #9EF7BA #BEFFB5

#00D3D3 - #BEFFB5

Mélange HSV

#00D3D3 - #BEFFB5 | 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 #00D3D3 0% et #BEFFB5 100%.

0.0%	0.0% #00D3D3	RVB 0 211 211	#00D3D3
16.7%	16.7% #19DAB6	RVB 25 218 182	#19DAB6
33.3%	33.3% #35E1A1	RVB 53 225 161	#35E1A1
50.0%	50.0% #52E994	RVB 82 233 148	#52E994
66.7%	66.7% #71F091	RVB 113 240 145	#71F091
83.3%	83.3% #92F799	RVB 146 247 153	#92F799
100.0%	100.0% #BEFFB5	RVB 190 255 181	#BEFFB5

#00D3D3 #19DAB6 #35E1A1 #52E994 #71F091 #92F799 #BEFFB5

#00D3D3 - #52E994 - #BEFFB5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D3D3 0%, #52E994 50%, #BEFFB5 100%);
    background: -webkit-linear-gradient(top, #00D3D3 0%, #52E994 50%, #BEFFB5 100%);
    background: linear-gradient(to bottom, #00D3D3 0%, #52E994 50%, #BEFFB5 100%);
}
</style>