#5AB5B5 - #06847B | 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 #5AB5B5 a #06847B

#5AB5B5 #06847B

Calcule el color entre dos colores, #5AB5B5 y #06847B. 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)

#5AB5B5 - #06847B | 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 #5AB5B5 como 0% y #06847B como 100%.

0.0%	0.0% #5AB5B5	RGB 90 181 181	#5AB5B5
16.7%	16.7% #4CACAB	RGB 76 172 171	#4CACAB
33.3%	33.3% #3EA4A1	RGB 62 164 161	#3EA4A1
50.0%	50.0% #309C98	RGB 48 156 152	#309C98
66.7%	66.7% #21948E	RGB 33 148 142	#21948E
83.3%	83.3% #148C84	RGB 20 140 132	#148C84
100.0%	100.0% #06847B	RGB 6 132 123	#06847B

#5AB5B5 #4CACAB #3EA4A1 #309C98 #21948E #148C84 #06847B

#5AB5B5 - #06847B

Mezcla HSV

#5AB5B5 - #06847B | 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 #5AB5B5 como 0% y #06847B como 100%.

0.0%	0.0% #5AB5B5	RGB 90 181 181	#5AB5B5
16.7%	16.7% #48ACAB	RGB 72 172 171	#48ACAB
33.3%	33.3% #39A4A2	RGB 57 164 162	#39A4A2
50.0%	50.0% #2A9C98	RGB 42 156 152	#2A9C98
66.7%	66.7% #1D948E	RGB 29 148 142	#1D948E
83.3%	83.3% #108C84	RGB 16 140 132	#108C84
100.0%	100.0% #06847B	RGB 6 132 123	#06847B

#5AB5B5 #48ACAB #39A4A2 #2A9C98 #1D948E #108C84 #06847B

#5AB5B5 - #2A9C98 - #06847B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5AB5B5 0%, #2A9C98 50%, #06847B 100%);
    background: -webkit-linear-gradient(top, #5AB5B5 0%, #2A9C98 50%, #06847B 100%);
    background: linear-gradient(to bottom, #5AB5B5 0%, #2A9C98 50%, #06847B 100%);
}
</style>