#2D1D14 - #7D583F | 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 #2D1D14 a #7D583F

#2D1D14 #7D583F

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

#2D1D14 - #7D583F | 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 #2D1D14 como 0% y #7D583F como 100%.

0.0%	0.0% #2D1D14	RGB 45 29 20	#2D1D14
16.7%	16.7% #3A261B	RGB 58 38 27	#3A261B
33.3%	33.3% #473022	RGB 71 48 34	#473022
50.0%	50.0% #553A29	RGB 85 58 41	#553A29
66.7%	66.7% #624430	RGB 98 68 48	#624430
83.3%	83.3% #6F4E37	RGB 111 78 55	#6F4E37
100.0%	100.0% #7D583F	RGB 125 88 63	#7D583F

#2D1D14 #3A261B #473022 #553A29 #624430 #6F4E37 #7D583F

#2D1D14 - #7D583F

Mezcla HSV

#2D1D14 - #7D583F | 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 #2D1D14 como 0% y #7D583F como 100%.

0.0%	0.0% #2D1D14	RGB 45 29 20	#2D1D14
16.7%	16.7% #3A261A	RGB 58 38 26	#3A261A
33.3%	33.3% #472F21	RGB 71 47 33	#472F21
50.0%	50.0% #553928	RGB 85 57 40	#553928
66.7%	66.7% #62432F	RGB 98 67 47	#62432F
83.3%	83.3% #6F4D37	RGB 111 77 55	#6F4D37
100.0%	100.0% #7D583F	RGB 125 88 63	#7D583F

#2D1D14 #3A261A #472F21 #553928 #62432F #6F4D37 #7D583F

#2D1D14 - #553928 - #7D583F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1D14 0%, #553928 50%, #7D583F 100%);
    background: -webkit-linear-gradient(top, #2D1D14 0%, #553928 50%, #7D583F 100%);
    background: linear-gradient(to bottom, #2D1D14 0%, #553928 50%, #7D583F 100%);
}
</style>