#6DA8A8 - #1F3030 | 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 #6DA8A8 a #1F3030

#6DA8A8 #1F3030

Calcule el color entre dos colores, #6DA8A8 y #1F3030. 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)

#6DA8A8 - #1F3030 | 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 #6DA8A8 como 0% y #1F3030 como 100%.

0.0%	0.0% #6DA8A8	RGB 109 168 168	#6DA8A8
16.7%	16.7% #609494	RGB 96 148 148	#609494
33.3%	33.3% #538080	RGB 83 128 128	#538080
50.0%	50.0% #466C6C	RGB 70 108 108	#466C6C
66.7%	66.7% #395858	RGB 57 88 88	#395858
83.3%	83.3% #2C4444	RGB 44 68 68	#2C4444
100.0%	100.0% #1F3030	RGB 31 48 48	#1F3030

#6DA8A8 #609494 #538080 #466C6C #395858 #2C4444 #1F3030

#6DA8A8 - #1F3030

Mezcla HSV

#6DA8A8 - #1F3030 | 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 #6DA8A8 como 0% y #1F3030 como 100%.

0.0%	0.0% #6DA8A8	RGB 109 168 168	#6DA8A8
16.7%	16.7% #5F9494	RGB 95 148 148	#5F9494
33.3%	33.3% #528080	RGB 82 128 128	#528080
50.0%	50.0% #456C6C	RGB 69 108 108	#456C6C
66.7%	66.7% #385858	RGB 56 88 88	#385858
83.3%	83.3% #2B4444	RGB 43 68 68	#2B4444
100.0%	100.0% #1F3030	RGB 31 48 48	#1F3030

#6DA8A8 #5F9494 #528080 #456C6C #385858 #2B4444 #1F3030

#6DA8A8 - #456C6C - #1F3030

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA8A8 0%, #456C6C 50%, #1F3030 100%);
    background: -webkit-linear-gradient(top, #6DA8A8 0%, #456C6C 50%, #1F3030 100%);
    background: linear-gradient(to bottom, #6DA8A8 0%, #456C6C 50%, #1F3030 100%);
}
</style>