#002A2A - #B6C2C2 | 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 #002A2A a #B6C2C2

#002A2A #B6C2C2

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

#002A2A - #B6C2C2 | 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 #002A2A como 0% y #B6C2C2 como 100%.

0.0%	0.0% #002A2A	RGB 0 42 42	#002A2A
16.7%	16.7% #1E4343	RGB 30 67 67	#1E4343
33.3%	33.3% #3C5C5C	RGB 60 92 92	#3C5C5C
50.0%	50.0% #5B7676	RGB 91 118 118	#5B7676
66.7%	66.7% #798F8F	RGB 121 143 143	#798F8F
83.3%	83.3% #97A8A8	RGB 151 168 168	#97A8A8
100.0%	100.0% #B6C2C2	RGB 182 194 194	#B6C2C2

#002A2A #1E4343 #3C5C5C #5B7676 #798F8F #97A8A8 #B6C2C2

#002A2A - #B6C2C2

Mezcla HSV

#002A2A - #B6C2C2 | 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 #002A2A como 0% y #B6C2C2 como 100%.

0.0%	0.0% #002A2A	RGB 0 42 42	#002A2A
16.7%	16.7% #0A4343	RGB 10 67 67	#0A4343
33.3%	33.3% #1C5C5C	RGB 28 92 92	#1C5C5C
50.0%	50.0% #377676	RGB 55 118 118	#377676
66.7%	66.7% #598F8F	RGB 89 143 143	#598F8F
83.3%	83.3% #83A8A8	RGB 131 168 168	#83A8A8
100.0%	100.0% #B6C2C2	RGB 182 194 194	#B6C2C2

#002A2A #0A4343 #1C5C5C #377676 #598F8F #83A8A8 #B6C2C2

#002A2A - #377676 - #B6C2C2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002A2A 0%, #377676 50%, #B6C2C2 100%);
    background: -webkit-linear-gradient(top, #002A2A 0%, #377676 50%, #B6C2C2 100%);
    background: linear-gradient(to bottom, #002A2A 0%, #377676 50%, #B6C2C2 100%);
}
</style>