#275024 - #140F03 | 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 #275024 a #140F03

#275024 #140F03

Calcule el color entre dos colores, #275024 y #140F03. 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)

#275024 - #140F03 | 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 #275024 como 0% y #140F03 como 100%.

0.0%	0.0% #275024	RGB 39 80 36	#275024
16.7%	16.7% #23451E	RGB 35 69 30	#23451E
33.3%	33.3% #203A19	RGB 32 58 25	#203A19
50.0%	50.0% #1D2F13	RGB 29 47 19	#1D2F13
66.7%	66.7% #1A240E	RGB 26 36 14	#1A240E
83.3%	83.3% #171908	RGB 23 25 8	#171908
100.0%	100.0% #140F03	RGB 20 15 3	#140F03

#275024 #23451E #203A19 #1D2F13 #1A240E #171908 #140F03

#275024 - #140F03

Mezcla HSV

#275024 - #140F03 | 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 #275024 como 0% y #140F03 como 100%.

0.0%	0.0% #275024	RGB 39 80 36	#275024
16.7%	16.7% #27461C	RGB 39 70 28	#27461C
33.3%	33.3% #273C15	RGB 39 60 21	#273C15
50.0%	50.0% #26320F	RGB 38 50 15	#26320F
66.7%	66.7% #24280A	RGB 36 40 10	#24280A
83.3%	83.3% #1E1B06	RGB 30 27 6	#1E1B06
100.0%	100.0% #140F03	RGB 20 15 3	#140F03

#275024 #27461C #273C15 #26320F #24280A #1E1B06 #140F03

#275024 - #26320F - #140F03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #275024 0%, #26320F 50%, #140F03 100%);
    background: -webkit-linear-gradient(top, #275024 0%, #26320F 50%, #140F03 100%);
    background: linear-gradient(to bottom, #275024 0%, #26320F 50%, #140F03 100%);
}
</style>