#6C7073 - #1E2020 | 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 #6C7073 a #1E2020

#6C7073 #1E2020

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

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

0.0%	0.0% #6C7073	RGB 108 112 115	#6C7073
16.7%	16.7% #5F6265	RGB 95 98 101	#5F6265
33.3%	33.3% #525557	RGB 82 85 87	#525557
50.0%	50.0% #454849	RGB 69 72 73	#454849
66.7%	66.7% #383A3B	RGB 56 58 59	#383A3B
83.3%	83.3% #2B2D2D	RGB 43 45 45	#2B2D2D
100.0%	100.0% #1E2020	RGB 30 32 32	#1E2020

#6C7073 #5F6265 #525557 #454849 #383A3B #2B2D2D #1E2020

#6C7073 - #1E2020

Mezcla HSV

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

0.0%	0.0% #6C7073	RGB 108 112 115	#6C7073
16.7%	16.7% #5E6265	RGB 94 98 101	#5E6265
33.3%	33.3% #515557	RGB 81 85 87	#515557
50.0%	50.0% #444849	RGB 68 72 73	#444849
66.7%	66.7% #373B3B	RGB 55 59 59	#373B3B
83.3%	83.3% #2A2D2D	RGB 42 45 45	#2A2D2D
100.0%	100.0% #1E2020	RGB 30 32 32	#1E2020

#6C7073 #5E6265 #515557 #444849 #373B3B #2A2D2D #1E2020

#6C7073 - #444849 - #1E2020

Códigos CSS

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

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