#179696 - #BCE1E1 | 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 #179696 a #BCE1E1

#179696 #BCE1E1

Calcule el color entre dos colores, #179696 y #BCE1E1. 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)

#179696 - #BCE1E1 | 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 #179696 como 0% y #BCE1E1 como 100%.

0.0%	0.0% #179696	RGB 23 150 150	#179696
16.7%	16.7% #32A2A2	RGB 50 162 162	#32A2A2
33.3%	33.3% #4EAFAF	RGB 78 175 175	#4EAFAF
50.0%	50.0% #69BBBB	RGB 105 187 187	#69BBBB
66.7%	66.7% #85C8C8	RGB 133 200 200	#85C8C8
83.3%	83.3% #A0D4D4	RGB 160 212 212	#A0D4D4
100.0%	100.0% #BCE1E1	RGB 188 225 225	#BCE1E1

#179696 #32A2A2 #4EAFAF #69BBBB #85C8C8 #A0D4D4 #BCE1E1

#179696 - #BCE1E1

Mezcla HSV

#179696 - #BCE1E1 | 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 #179696 como 0% y #BCE1E1 como 100%.

0.0%	0.0% #169696	RGB 22 150 150	#169696
16.7%	16.7% #2BA2A2	RGB 43 162 162	#2BA2A2
33.3%	33.3% #42AFAF	RGB 66 175 175	#42AFAF
50.0%	50.0% #5CBBBB	RGB 92 187 187	#5CBBBB
66.7%	66.7% #79C8C8	RGB 121 200 200	#79C8C8
83.3%	83.3% #99D4D4	RGB 153 212 212	#99D4D4
100.0%	100.0% #BCE1E1	RGB 188 225 225	#BCE1E1

#169696 #2BA2A2 #42AFAF #5CBBBB #79C8C8 #99D4D4 #BCE1E1

#179696 - #5CBBBB - #BCE1E1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #169696 0%, #5CBBBB 50%, #BCE1E1 100%);
    background: -webkit-linear-gradient(top, #169696 0%, #5CBBBB 50%, #BCE1E1 100%);
    background: linear-gradient(to bottom, #169696 0%, #5CBBBB 50%, #BCE1E1 100%);
}
</style>