#02240C - #2D5E3B | 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 #02240C a #2D5E3B

#02240C #2D5E3B

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

#02240C - #2D5E3B | 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 #02240C como 0% y #2D5E3B como 100%.

0.0%	0.0% #02240C	RGB 2 36 12	#02240C
16.7%	16.7% #092D13	RGB 9 45 19	#092D13
33.3%	33.3% #10371B	RGB 16 55 27	#10371B
50.0%	50.0% #174123	RGB 23 65 35	#174123
66.7%	66.7% #1E4A2B	RGB 30 74 43	#1E4A2B
83.3%	83.3% #255433	RGB 37 84 51	#255433
100.0%	100.0% #2D5E3B	RGB 45 94 59	#2D5E3B

#02240C #092D13 #10371B #174123 #1E4A2B #255433 #2D5E3B

#02240C - #2D5E3B

Mezcla HSV

#02240C - #2D5E3B | 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 #02240C como 0% y #2D5E3B como 100%.

0.0%	0.0% #02240C	RGB 2 36 12	#02240C
16.7%	16.7% #052D11	RGB 5 45 17	#052D11
33.3%	33.3% #0A3717	RGB 10 55 23	#0A3717
50.0%	50.0% #11411F	RGB 17 65 31	#11411F
66.7%	66.7% #194A27	RGB 25 74 39	#194A27
83.3%	83.3% #225430	RGB 34 84 48	#225430
100.0%	100.0% #2D5E3B	RGB 45 94 59	#2D5E3B

#02240C #052D11 #0A3717 #11411F #194A27 #225430 #2D5E3B

#02240C - #11411F - #2D5E3B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #02240C 0%, #11411F 50%, #2D5E3B 100%);
    background: -webkit-linear-gradient(top, #02240C 0%, #11411F 50%, #2D5E3B 100%);
    background: linear-gradient(to bottom, #02240C 0%, #11411F 50%, #2D5E3B 100%);
}
</style>