#00606D - #20211C | 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 #00606D a #20211C

#00606D #20211C

Calcule el color entre dos colores, #00606D y #20211C. 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)

#00606D - #20211C | 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 #00606D como 0% y #20211C como 100%.

0.0%	0.0% #00606D	RGB 0 96 109	#00606D
16.7%	16.7% #05555F	RGB 5 85 95	#05555F
33.3%	33.3% #0A4B52	RGB 10 75 82	#0A4B52
50.0%	50.0% #104044	RGB 16 64 68	#104044
66.7%	66.7% #153637	RGB 21 54 55	#153637
83.3%	83.3% #1A2B29	RGB 26 43 41	#1A2B29
100.0%	100.0% #20211C	RGB 32 33 28	#20211C

#00606D #05555F #0A4B52 #104044 #153637 #1A2B29 #20211C

#00606D - #20211C

Mezcla HSV

#00606D - #20211C | 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 #00606D como 0% y #20211C como 100%.

0.0%	0.0% #00606D	RGB 0 96 109	#00606D
16.7%	16.7% #0D604F	RGB 13 96 79	#0D604F
33.3%	33.3% #175334	RGB 23 83 52	#175334
50.0%	50.0% #1E4724	RGB 30 71 36	#1E4724
66.7%	66.7% #253A20	RGB 37 58 32	#253A20
83.3%	83.3% #262D20	RGB 38 45 32	#262D20
100.0%	100.0% #20211C	RGB 32 33 28	#20211C

#00606D #0D604F #175334 #1E4724 #253A20 #262D20 #20211C

#00606D - #1E4724 - #20211C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00606D 0%, #1E4724 50%, #20211C 100%);
    background: -webkit-linear-gradient(top, #00606D 0%, #1E4724 50%, #20211C 100%);
    background: linear-gradient(to bottom, #00606D 0%, #1E4724 50%, #20211C 100%);
}
</style>