#00960F - #13570C | 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 #00960F a #13570C

#00960F #13570C

Calcule el color entre dos colores, #00960F y #13570C. 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)

#00960F - #13570C | 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 #00960F como 0% y #13570C como 100%.

0.0%	0.0% #00960F	RGB 0 150 15	#00960F
16.7%	16.7% #038B0E	RGB 3 139 14	#038B0E
33.3%	33.3% #06810E	RGB 6 129 14	#06810E
50.0%	50.0% #09760D	RGB 9 118 13	#09760D
66.7%	66.7% #0C6C0D	RGB 12 108 13	#0C6C0D
83.3%	83.3% #0F610C	RGB 15 97 12	#0F610C
100.0%	100.0% #13570C	RGB 19 87 12	#13570C

#00960F #038B0E #06810E #09760D #0C6C0D #0F610C #13570C

#00960F - #13570C

Mezcla HSV

#00960F - #13570C | 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 #00960F como 0% y #13570C como 100%.

0.0%	0.0% #00960E	RGB 0 150 14	#00960E
16.7%	16.7% #038B0C	RGB 3 139 12	#038B0C
33.3%	33.3% #05810A	RGB 5 129 10	#05810A
50.0%	50.0% #087608	RGB 8 118 8	#087608
66.7%	66.7% #0C6C09	RGB 12 108 9	#0C6C09
83.3%	83.3% #10610B	RGB 16 97 11	#10610B
100.0%	100.0% #13570C	RGB 19 87 12	#13570C

#00960E #038B0C #05810A #087608 #0C6C09 #10610B #13570C

#00960F - #087608 - #13570C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00960E 0%, #087608 50%, #13570C 100%);
    background: -webkit-linear-gradient(top, #00960E 0%, #087608 50%, #13570C 100%);
    background: linear-gradient(to bottom, #00960E 0%, #087608 50%, #13570C 100%);
}
</style>