#62674B - #313D0B | 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 #62674B a #313D0B

#62674B #313D0B

Calcule el color entre dos colores, #62674B y #313D0B. 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)

#62674B - #313D0B | 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 #62674B como 0% y #313D0B como 100%.

0.0%	0.0% #62674B	RGB 98 103 75	#62674B
16.7%	16.7% #596040	RGB 89 96 64	#596040
33.3%	33.3% #515935	RGB 81 89 53	#515935
50.0%	50.0% #49522B	RGB 73 82 43	#49522B
66.7%	66.7% #414B20	RGB 65 75 32	#414B20
83.3%	83.3% #394415	RGB 57 68 21	#394415
100.0%	100.0% #313D0B	RGB 49 61 11	#313D0B

#62674B #596040 #515935 #49522B #414B20 #394415 #313D0B

#62674B - #313D0B

Mezcla HSV

#62674B - #313D0B | 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 #62674B como 0% y #313D0B como 100%.

0.0%	0.0% #62674B	RGB 98 103 75	#62674B
16.7%	16.7% #59603D	RGB 89 96 61	#59603D
33.3%	33.3% #505930	RGB 80 89 48	#505930
50.0%	50.0% #485225	RGB 72 82 37	#485225
66.7%	66.7% #404B1B	RGB 64 75 27	#404B1B
83.3%	83.3% #384412	RGB 56 68 18	#384412
100.0%	100.0% #313D0B	RGB 49 61 11	#313D0B

#62674B #59603D #505930 #485225 #404B1B #384412 #313D0B

#62674B - #485225 - #313D0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #62674B 0%, #485225 50%, #313D0B 100%);
    background: -webkit-linear-gradient(top, #62674B 0%, #485225 50%, #313D0B 100%);
    background: linear-gradient(to bottom, #62674B 0%, #485225 50%, #313D0B 100%);
}
</style>