#00B6B6 - #ADFEB5 | 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 #00B6B6 à #ADFEB5

#00B6B6 #ADFEB5

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

#00B6B6 - #ADFEB5 | 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 #00B6B6 0% et #ADFEB5 100%.

0.0%	0.0% #00B6B6	RVB 0 182 182	#00B6B6
16.7%	16.7% #1CC2B5	RVB 28 194 181	#1CC2B5
33.3%	33.3% #39CEB5	RVB 57 206 181	#39CEB5
50.0%	50.0% #56DAB5	RVB 86 218 181	#56DAB5
66.7%	66.7% #73E6B5	RVB 115 230 181	#73E6B5
83.3%	83.3% #90F2B5	RVB 144 242 181	#90F2B5
100.0%	100.0% #ADFEB5	RVB 173 254 181	#ADFEB5

#00B6B6 #1CC2B5 #39CEB5 #56DAB5 #73E6B5 #90F2B5 #ADFEB5

#00B6B6 - #ADFEB5

Mélange HSV

#00B6B6 - #ADFEB5 | 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 #00B6B6 0% et #ADFEB5 100%.

0.0%	0.0% #00B6B6	RVB 0 182 182	#00B6B6
16.7%	16.7% #16C2A8	RVB 22 194 168	#16C2A8
33.3%	33.3% #2ECE9E	RVB 46 206 158	#2ECE9E
50.0%	50.0% #4ADA99	RVB 74 218 153	#4ADA99
66.7%	66.7% #68E69A	RVB 104 230 154	#68E69A
83.3%	83.3% #89F2A3	RVB 137 242 163	#89F2A3
100.0%	100.0% #ADFEB5	RVB 173 254 181	#ADFEB5

#00B6B6 #16C2A8 #2ECE9E #4ADA99 #68E69A #89F2A3 #ADFEB5

#00B6B6 - #4ADA99 - #ADFEB5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B6B6 0%, #4ADA99 50%, #ADFEB5 100%);
    background: -webkit-linear-gradient(top, #00B6B6 0%, #4ADA99 50%, #ADFEB5 100%);
    background: linear-gradient(to bottom, #00B6B6 0%, #4ADA99 50%, #ADFEB5 100%);
}
</style>