#0099A8 - #154E55 | 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 #0099A8 a #154E55

#0099A8 #154E55

Calcule el color entre dos colores, #0099A8 y #154E55. 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)

#0099A8 - #154E55 | 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 #0099A8 como 0% y #154E55 como 100%.

0.0%	0.0% #0099A8	RGB 0 153 168	#0099A8
16.7%	16.7% #038C9A	RGB 3 140 154	#038C9A
33.3%	33.3% #07808C	RGB 7 128 140	#07808C
50.0%	50.0% #0A737E	RGB 10 115 126	#0A737E
66.7%	66.7% #0E6770	RGB 14 103 112	#0E6770
83.3%	83.3% #115A62	RGB 17 90 98	#115A62
100.0%	100.0% #154E55	RGB 21 78 85	#154E55

#0099A8 #038C9A #07808C #0A737E #0E6770 #115A62 #154E55

#0099A8 - #154E55

Mezcla HSV

#0099A8 - #154E55 | 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 #0099A8 como 0% y #154E55 como 100%.

0.0%	0.0% #0099A8	RGB 0 153 168	#0099A8
16.7%	16.7% #068C9A	RGB 6 140 154	#068C9A
33.3%	33.3% #0B7F8C	RGB 11 127 140	#0B7F8C
50.0%	50.0% #0F737E	RGB 15 115 126	#0F737E
66.7%	66.7% #126770	RGB 18 103 112	#126770
83.3%	83.3% #145A62	RGB 20 90 98	#145A62
100.0%	100.0% #154E55	RGB 21 78 85	#154E55

#0099A8 #068C9A #0B7F8C #0F737E #126770 #145A62 #154E55

#0099A8 - #0F737E - #154E55

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0099A8 0%, #0F737E 50%, #154E55 100%);
    background: -webkit-linear-gradient(top, #0099A8 0%, #0F737E 50%, #154E55 100%);
    background: linear-gradient(to bottom, #0099A8 0%, #0F737E 50%, #154E55 100%);
}
</style>