#002A24 - #B6C2C0 | 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 #002A24 a #B6C2C0

#002A24 #B6C2C0

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

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

0.0%	0.0% #002A24	RGB 0 42 36	#002A24
16.7%	16.7% #1E433E	RGB 30 67 62	#1E433E
33.3%	33.3% #3C5C58	RGB 60 92 88	#3C5C58
50.0%	50.0% #5B7672	RGB 91 118 114	#5B7672
66.7%	66.7% #798F8C	RGB 121 143 140	#798F8C
83.3%	83.3% #97A8A6	RGB 151 168 166	#97A8A6
100.0%	100.0% #B6C2C0	RGB 182 194 192	#B6C2C0

#002A24 #1E433E #3C5C58 #5B7672 #798F8C #97A8A6 #B6C2C0

#002A24 - #B6C2C0

Mezcla HSV

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

0.0%	0.0% #002A24	RGB 0 42 36	#002A24
16.7%	16.7% #0A433A	RGB 10 67 58	#0A433A
33.3%	33.3% #1C5C53	RGB 28 92 83	#1C5C53
50.0%	50.0% #37766C	RGB 55 118 108	#37766C
66.7%	66.7% #598F86	RGB 89 143 134	#598F86
83.3%	83.3% #83A8A2	RGB 131 168 162	#83A8A2
100.0%	100.0% #B6C2C0	RGB 182 194 192	#B6C2C0

#002A24 #0A433A #1C5C53 #37766C #598F86 #83A8A2 #B6C2C0

#002A24 - #37766C - #B6C2C0

Códigos CSS

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

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