#00A8C3 - #0B5E77 | 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 #00A8C3 à #0B5E77

#00A8C3 #0B5E77

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

#00A8C3 - #0B5E77 | 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 #00A8C3 0% et #0B5E77 100%.

0.0%	0.0% #00A8C3	RVB 0 168 195	#00A8C3
16.7%	16.7% #019BB6	RVB 1 155 182	#019BB6
33.3%	33.3% #038FA9	RVB 3 143 169	#038FA9
50.0%	50.0% #05839D	RVB 5 131 157	#05839D
66.7%	66.7% #077690	RVB 7 118 144	#077690
83.3%	83.3% #096A83	RVB 9 106 131	#096A83
100.0%	100.0% #0B5E77	RVB 11 94 119	#0B5E77

#00A8C3 #019BB6 #038FA9 #05839D #077690 #096A83 #0B5E77

#00A8C3 - #0B5E77

Mélange HSV

#00A8C3 - #0B5E77 | 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 #00A8C3 0% et #0B5E77 100%.

0.0%	0.0% #00A7C3	RVB 0 167 195	#00A7C3
16.7%	16.7% #029AB6	RVB 2 154 182	#029AB6
33.3%	33.3% #058DA9	RVB 5 141 169	#058DA9
50.0%	50.0% #07819D	RVB 7 129 157	#07819D
66.7%	66.7% #087590	RVB 8 117 144	#087590
83.3%	83.3% #0A6983	RVB 10 105 131	#0A6983
100.0%	100.0% #0B5E77	RVB 11 94 119	#0B5E77

#00A7C3 #029AB6 #058DA9 #07819D #087590 #0A6983 #0B5E77

#00A8C3 - #07819D - #0B5E77

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A7C3 0%, #07819D 50%, #0B5E77 100%);
    background: -webkit-linear-gradient(top, #00A7C3 0%, #07819D 50%, #0B5E77 100%);
    background: linear-gradient(to bottom, #00A7C3 0%, #07819D 50%, #0B5E77 100%);
}
</style>