#1F2D15 - #637043 | 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 #1F2D15 a #637043

#1F2D15 #637043

Calcule el color entre dos colores, #1F2D15 y #637043. 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)

#1F2D15 - #637043 | 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 #1F2D15 como 0% y #637043 como 100%.

0.0%	0.0% #1F2D15	RGB 31 45 21	#1F2D15
16.7%	16.7% #2A381C	RGB 42 56 28	#2A381C
33.3%	33.3% #354324	RGB 53 67 36	#354324
50.0%	50.0% #414E2C	RGB 65 78 44	#414E2C
66.7%	66.7% #4C5933	RGB 76 89 51	#4C5933
83.3%	83.3% #57643B	RGB 87 100 59	#57643B
100.0%	100.0% #637043	RGB 99 112 67	#637043

#1F2D15 #2A381C #354324 #414E2C #4C5933 #57643B #637043

#1F2D15 - #637043

Mezcla HSV

#1F2D15 - #637043 | 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 #1F2D15 como 0% y #637043 como 100%.

0.0%	0.0% #1F2D15	RGB 31 45 21	#1F2D15
16.7%	16.7% #28381B	RGB 40 56 27	#28381B
33.3%	33.3% #334322	RGB 51 67 34	#334322
50.0%	50.0% #3E4E29	RGB 62 78 41	#3E4E29
66.7%	66.7% #4A5931	RGB 74 89 49	#4A5931
83.3%	83.3% #56643A	RGB 86 100 58	#56643A
100.0%	100.0% #637043	RGB 99 112 67	#637043

#1F2D15 #28381B #334322 #3E4E29 #4A5931 #56643A #637043

#1F2D15 - #3E4E29 - #637043

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F2D15 0%, #3E4E29 50%, #637043 100%);
    background: -webkit-linear-gradient(top, #1F2D15 0%, #3E4E29 50%, #637043 100%);
    background: linear-gradient(to bottom, #1F2D15 0%, #3E4E29 50%, #637043 100%);
}
</style>