#006281 - #7AC0C0 | 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 #006281 a #7AC0C0

#006281 #7AC0C0

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

#006281 - #7AC0C0 | 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 #006281 como 0% y #7AC0C0 como 100%.

0.0%	0.0% #006281	RGB 0 98 129	#006281
16.7%	16.7% #14718B	RGB 20 113 139	#14718B
33.3%	33.3% #288196	RGB 40 129 150	#288196
50.0%	50.0% #3D91A0	RGB 61 145 160	#3D91A0
66.7%	66.7% #51A0AB	RGB 81 160 171	#51A0AB
83.3%	83.3% #65B0B5	RGB 101 176 181	#65B0B5
100.0%	100.0% #7AC0C0	RGB 122 192 192	#7AC0C0

#006281 #14718B #288196 #3D91A0 #51A0AB #65B0B5 #7AC0C0

#006281 - #7AC0C0

Mezcla HSV

#006281 - #7AC0C0 | 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 #006281 como 0% y #7AC0C0 como 100%.

0.0%	0.0% #006181	RGB 0 97 129	#006181
16.7%	16.7% #0E728B	RGB 14 114 139	#0E728B
33.3%	33.3% #1F8396	RGB 31 131 150	#1F8396
50.0%	50.0% #3293A0	RGB 50 147 160	#3293A0
66.7%	66.7% #48A3AB	RGB 72 163 171	#48A3AB
83.3%	83.3% #60B2B5	RGB 96 178 181	#60B2B5
100.0%	100.0% #7AC0C0	RGB 122 192 192	#7AC0C0

#006181 #0E728B #1F8396 #3293A0 #48A3AB #60B2B5 #7AC0C0

#006281 - #3293A0 - #7AC0C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006181 0%, #3293A0 50%, #7AC0C0 100%);
    background: -webkit-linear-gradient(top, #006181 0%, #3293A0 50%, #7AC0C0 100%);
    background: linear-gradient(to bottom, #006181 0%, #3293A0 50%, #7AC0C0 100%);
}
</style>