#002A6B - #6CC1C7 | 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 #002A6B a #6CC1C7

#002A6B #6CC1C7

Calcule el color entre dos colores, #002A6B y #6CC1C7. 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)

#002A6B - #6CC1C7 | 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 #002A6B como 0% y #6CC1C7 como 100%.

0.0%	0.0% #002A6B	RGB 0 42 107	#002A6B
16.7%	16.7% #12437A	RGB 18 67 122	#12437A
33.3%	33.3% #245C89	RGB 36 92 137	#245C89
50.0%	50.0% #367599	RGB 54 117 153	#367599
66.7%	66.7% #488EA8	RGB 72 142 168	#488EA8
83.3%	83.3% #5AA7B7	RGB 90 167 183	#5AA7B7
100.0%	100.0% #6CC1C7	RGB 108 193 199	#6CC1C7

#002A6B #12437A #245C89 #367599 #488EA8 #5AA7B7 #6CC1C7

#002A6B - #6CC1C7

Mezcla HSV

#002A6B - #6CC1C7 | 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 #002A6B como 0% y #6CC1C7 como 100%.

0.0%	0.0% #00296B	RGB 0 41 107	#00296B
16.7%	16.7% #0B407A	RGB 11 64 122	#0B407A
33.3%	33.3% #185989	RGB 24 89 137	#185989
50.0%	50.0% #297399	RGB 41 115 153	#297399
66.7%	66.7% #3C8DA8	RGB 60 141 168	#3C8DA8
83.3%	83.3% #53A7B7	RGB 83 167 183	#53A7B7
100.0%	100.0% #6CC1C7	RGB 108 193 199	#6CC1C7

#00296B #0B407A #185989 #297399 #3C8DA8 #53A7B7 #6CC1C7

#002A6B - #297399 - #6CC1C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00296B 0%, #297399 50%, #6CC1C7 100%);
    background: -webkit-linear-gradient(top, #00296B 0%, #297399 50%, #6CC1C7 100%);
    background: linear-gradient(to bottom, #00296B 0%, #297399 50%, #6CC1C7 100%);
}
</style>