#3C4135 - #142700 | 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 #3C4135 a #142700

#3C4135 #142700

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

#3C4135 - #142700 | 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 #3C4135 como 0% y #142700 como 100%.

0.0%	0.0% #3C4135	RGB 60 65 53	#3C4135
16.7%	16.7% #353C2C	RGB 53 60 44	#353C2C
33.3%	33.3% #2E3823	RGB 46 56 35	#2E3823
50.0%	50.0% #28341A	RGB 40 52 26	#28341A
66.7%	66.7% #212F11	RGB 33 47 17	#212F11
83.3%	83.3% #1A2B08	RGB 26 43 8	#1A2B08
100.0%	100.0% #142700	RGB 20 39 0	#142700

#3C4135 #353C2C #2E3823 #28341A #212F11 #1A2B08 #142700

#3C4135 - #142700

Mezcla HSV

#3C4135 - #142700 | 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 #3C4135 como 0% y #142700 como 100%.

0.0%	0.0% #3C4135	RGB 60 65 53	#3C4135
16.7%	16.7% #343C29	RGB 52 60 41	#343C29
33.3%	33.3% #2D381E	RGB 45 56 30	#2D381E
50.0%	50.0% #263415	RGB 38 52 21	#263415
66.7%	66.7% #1F2F0C	RGB 31 47 12	#1F2F0C
83.3%	83.3% #192B05	RGB 25 43 5	#192B05
100.0%	100.0% #142700	RGB 20 39 0	#142700

#3C4135 #343C29 #2D381E #263415 #1F2F0C #192B05 #142700

#3C4135 - #263415 - #142700

Códigos CSS

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

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