#01668B - #7BC4C7 | 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 #01668B a #7BC4C7

#01668B #7BC4C7

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

#01668B - #7BC4C7 | 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 #01668B como 0% y #7BC4C7 como 100%.

0.0%	0.0% #01668B	RGB 1 102 139	#01668B
16.7%	16.7% #157595	RGB 21 117 149	#157595
33.3%	33.3% #29859F	RGB 41 133 159	#29859F
50.0%	50.0% #3E95A9	RGB 62 149 169	#3E95A9
66.7%	66.7% #52A4B3	RGB 82 164 179	#52A4B3
83.3%	83.3% #66B4BD	RGB 102 180 189	#66B4BD
100.0%	100.0% #7BC4C7	RGB 123 196 199	#7BC4C7

#01668B #157595 #29859F #3E95A9 #52A4B3 #66B4BD #7BC4C7

#01668B - #7BC4C7

Mezcla HSV

#01668B - #7BC4C7 | 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 #01668B como 0% y #7BC4C7 como 100%.

0.0%	0.0% #00668B	RGB 0 102 139	#00668B
16.7%	16.7% #107695	RGB 16 118 149	#107695
33.3%	33.3% #21869F	RGB 33 134 159	#21869F
50.0%	50.0% #3497A9	RGB 52 151 169	#3497A9
66.7%	66.7% #4AA6B3	RGB 74 166 179	#4AA6B3
83.3%	83.3% #61B5BD	RGB 97 181 189	#61B5BD
100.0%	100.0% #7BC4C7	RGB 123 196 199	#7BC4C7

#00668B #107695 #21869F #3497A9 #4AA6B3 #61B5BD #7BC4C7

#01668B - #3497A9 - #7BC4C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00668B 0%, #3497A9 50%, #7BC4C7 100%);
    background: -webkit-linear-gradient(top, #00668B 0%, #3497A9 50%, #7BC4C7 100%);
    background: linear-gradient(to bottom, #00668B 0%, #3497A9 50%, #7BC4C7 100%);
}
</style>