#3E5C5E - #211D1D | 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 #3E5C5E a #211D1D

#3E5C5E #211D1D

Calcule el color entre dos colores, #3E5C5E y #211D1D. 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)

#3E5C5E - #211D1D | 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 #3E5C5E como 0% y #211D1D como 100%.

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #395153	RGB 57 81 83	#395153
33.3%	33.3% #344748	RGB 52 71 72	#344748
50.0%	50.0% #2F3C3D	RGB 47 60 61	#2F3C3D
66.7%	66.7% #2A3232	RGB 42 50 50	#2A3232
83.3%	83.3% #252727	RGB 37 39 39	#252727
100.0%	100.0% #211D1D	RGB 33 29 29	#211D1D

#3E5C5E #395153 #344748 #2F3C3D #2A3232 #252727 #211D1D

#3E5C5E - #211D1D

Mezcla HSV

#3E5C5E - #211D1D | 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 #3E5C5E como 0% y #211D1D como 100%.

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #3A4553	RGB 58 69 83	#3A4553
33.3%	33.3% #363549	RGB 54 53 73	#363549
50.0%	50.0% #38303F	RGB 56 48 63	#38303F
66.7%	66.7% #352A35	RGB 53 42 53	#352A35
83.3%	83.3% #2B2427	RGB 43 36 39	#2B2427
100.0%	100.0% #211D1D	RGB 33 29 29	#211D1D

#3E5C5E #3A4553 #363549 #38303F #352A35 #2B2427 #211D1D

#3E5C5E - #38303F - #211D1D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C5E 0%, #38303F 50%, #211D1D 100%);
    background: -webkit-linear-gradient(top, #3E5C5E 0%, #38303F 50%, #211D1D 100%);
    background: linear-gradient(to bottom, #3E5C5E 0%, #38303F 50%, #211D1D 100%);
}
</style>