#2FBCBC - #0D3535 | 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 #2FBCBC à #0D3535

#2FBCBC #0D3535

Calculez la couleur entre deux couleurs, #2FBCBC et #0D3535. 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)

#2FBCBC - #0D3535 | 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 #2FBCBC 0% et #0D3535 100%.

0.0%	0.0% #2FBCBC	RVB 47 188 188	#2FBCBC
16.7%	16.7% #29A5A5	RVB 41 165 165	#29A5A5
33.3%	33.3% #238F8F	RVB 35 143 143	#238F8F
50.0%	50.0% #1E7878	RVB 30 120 120	#1E7878
66.7%	66.7% #186262	RVB 24 98 98	#186262
83.3%	83.3% #124B4B	RVB 18 75 75	#124B4B
100.0%	100.0% #0D3535	RVB 13 53 53	#0D3535

#2FBCBC #29A5A5 #238F8F #1E7878 #186262 #124B4B #0D3535

#2FBCBC - #0D3535

Mélange HSV

#2FBCBC - #0D3535 | 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 #2FBCBC 0% et #0D3535 100%.

0.0%	0.0% #2FBCBC	RVB 47 188 188	#2FBCBC
16.7%	16.7% #29A5A5	RVB 41 165 165	#29A5A5
33.3%	33.3% #238F8F	RVB 35 143 143	#238F8F
50.0%	50.0% #1D7878	RVB 29 120 120	#1D7878
66.7%	66.7% #186262	RVB 24 98 98	#186262
83.3%	83.3% #124B4B	RVB 18 75 75	#124B4B
100.0%	100.0% #0D3535	RVB 13 53 53	#0D3535

#2FBCBC #29A5A5 #238F8F #1D7878 #186262 #124B4B #0D3535

#2FBCBC - #1D7878 - #0D3535

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBCBC 0%, #1D7878 50%, #0D3535 100%);
    background: -webkit-linear-gradient(top, #2FBCBC 0%, #1D7878 50%, #0D3535 100%);
    background: linear-gradient(to bottom, #2FBCBC 0%, #1D7878 50%, #0D3535 100%);
}
</style>