#002968 - #68BBC3 | 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 #002968 a #68BBC3

#002968 #68BBC3

Calcule el color entre dos colores, #002968 y #68BBC3. 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)

#002968 - #68BBC3 | 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 #002968 como 0% y #68BBC3 como 100%.

0.0%	0.0% #002968	RGB 0 41 104	#002968
16.7%	16.7% #114177	RGB 17 65 119	#114177
33.3%	33.3% #225986	RGB 34 89 134	#225986
50.0%	50.0% #347295	RGB 52 114 149	#347295
66.7%	66.7% #458AA4	RGB 69 138 164	#458AA4
83.3%	83.3% #56A2B3	RGB 86 162 179	#56A2B3
100.0%	100.0% #68BBC3	RGB 104 187 195	#68BBC3

#002968 #114177 #225986 #347295 #458AA4 #56A2B3 #68BBC3

#002968 - #68BBC3

Mezcla HSV

#002968 - #68BBC3 | 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 #002968 como 0% y #68BBC3 como 100%.

0.0%	0.0% #002868	RGB 0 40 104	#002868
16.7%	16.7% #0A3E77	RGB 10 62 119	#0A3E77
33.3%	33.3% #175686	RGB 23 86 134	#175686
50.0%	50.0% #276F95	RGB 39 111 149	#276F95
66.7%	66.7% #3A89A4	RGB 58 137 164	#3A89A4
83.3%	83.3% #4FA2B3	RGB 79 162 179	#4FA2B3
100.0%	100.0% #68BBC3	RGB 104 187 195	#68BBC3

#002868 #0A3E77 #175686 #276F95 #3A89A4 #4FA2B3 #68BBC3

#002968 - #276F95 - #68BBC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002868 0%, #276F95 50%, #68BBC3 100%);
    background: -webkit-linear-gradient(top, #002868 0%, #276F95 50%, #68BBC3 100%);
    background: linear-gradient(to bottom, #002868 0%, #276F95 50%, #68BBC3 100%);
}
</style>