#00A8C3 - #0B5E77 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00A8C3 a #0B5E77

#00A8C3 #0B5E77

Calcule el color entre dos colores, #00A8C3 y #0B5E77. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00A8C3 - #0B5E77 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00A8C3 como 0% y #0B5E77 como 100%.

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

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

#00A8C3 - #0B5E77

Mezcla HSV

#00A8C3 - #0B5E77 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00A8C3 como 0% y #0B5E77 como 100%.

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

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

#00A8C3 - #07819D - #0B5E77

Códigos 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>