#3C3E3C - #153F03 | 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 #3C3E3C a #153F03

#3C3E3C #153F03

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

#3C3E3C - #153F03 | 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 #3C3E3C como 0% y #153F03 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #353E32	RGB 53 62 50	#353E32
33.3%	33.3% #2F3E29	RGB 47 62 41	#2F3E29
50.0%	50.0% #283E1F	RGB 40 62 31	#283E1F
66.7%	66.7% #223E16	RGB 34 62 22	#223E16
83.3%	83.3% #1B3E0C	RGB 27 62 12	#1B3E0C
100.0%	100.0% #153F03	RGB 21 63 3	#153F03

#3C3E3C #353E32 #2F3E29 #283E1F #223E16 #1B3E0C #153F03

#3C3E3C - #153F03

Mezcla HSV

#3C3E3C - #153F03 | 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 #3C3E3C como 0% y #153F03 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #333E32	RGB 51 62 50	#333E32
33.3%	33.3% #2B3E29	RGB 43 62 41	#2B3E29
50.0%	50.0% #243E1F	RGB 36 62 31	#243E1F
66.7%	66.7% #1E3E16	RGB 30 62 22	#1E3E16
83.3%	83.3% #193E0C	RGB 25 62 12	#193E0C
100.0%	100.0% #153F03	RGB 21 63 3	#153F03

#3C3E3C #333E32 #2B3E29 #243E1F #1E3E16 #193E0C #153F03

#3C3E3C - #243E1F - #153F03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3C 0%, #243E1F 50%, #153F03 100%);
    background: -webkit-linear-gradient(top, #3C3E3C 0%, #243E1F 50%, #153F03 100%);
    background: linear-gradient(to bottom, #3C3E3C 0%, #243E1F 50%, #153F03 100%);
}
</style>