#3E3C3C - #2D0023 | 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 #3E3C3C a #2D0023

#3E3C3C #2D0023

Calcule el color entre dos colores, #3E3C3C y #2D0023. 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)

#3E3C3C - #2D0023 | 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 #3E3C3C como 0% y #2D0023 como 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3B3237	RGB 59 50 55	#3B3237
33.3%	33.3% #382833	RGB 56 40 51	#382833
50.0%	50.0% #351E2F	RGB 53 30 47	#351E2F
66.7%	66.7% #32142B	RGB 50 20 43	#32142B
83.3%	83.3% #2F0A27	RGB 47 10 39	#2F0A27
100.0%	100.0% #2D0023	RGB 45 0 35	#2D0023

#3E3C3C #3B3237 #382833 #351E2F #32142B #2F0A27 #2D0023

#3E3C3C - #2D0023

Mezcla HSV

#3E3C3C - #2D0023 | 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 #3E3C3C como 0% y #2D0023 como 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3B2F31	RGB 59 47 49	#3B2F31
33.3%	33.3% #382429	RGB 56 36 41	#382429
50.0%	50.0% #351924	RGB 53 25 36	#351924
66.7%	66.7% #321022	RGB 50 16 34	#321022
83.3%	83.3% #2F0721	RGB 47 7 33	#2F0721
100.0%	100.0% #2D0023	RGB 45 0 35	#2D0023

#3E3C3C #3B2F31 #382429 #351924 #321022 #2F0721 #2D0023

#3E3C3C - #351924 - #2D0023

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #351924 50%, #2D0023 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #351924 50%, #2D0023 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #351924 50%, #2D0023 100%);
}
</style>