#006829 - #72C368 | 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 #006829 a #72C368

#006829 #72C368

Calcule el color entre dos colores, #006829 y #72C368. 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)

#006829 - #72C368 | 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 #006829 como 0% y #72C368 como 100%.

0.0%	0.0% #006829	RGB 0 104 41	#006829
16.7%	16.7% #137733	RGB 19 119 51	#137733
33.3%	33.3% #26863E	RGB 38 134 62	#26863E
50.0%	50.0% #399548	RGB 57 149 72	#399548
66.7%	66.7% #4CA453	RGB 76 164 83	#4CA453
83.3%	83.3% #5FB35D	RGB 95 179 93	#5FB35D
100.0%	100.0% #72C368	RGB 114 195 104	#72C368

#006829 #137733 #26863E #399548 #4CA453 #5FB35D #72C368

#006829 - #72C368

Mezcla HSV

#006829 - #72C368 | 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 #006829 como 0% y #72C368 como 100%.

0.0%	0.0% #006829	RGB 0 104 41	#006829
16.7%	16.7% #0A772C	RGB 10 119 44	#0A772C
33.3%	33.3% #178630	RGB 23 134 48	#178630
50.0%	50.0% #279537	RGB 39 149 55	#279537
66.7%	66.7% #3AA440	RGB 58 164 64	#3AA440
83.3%	83.3% #52B34F	RGB 82 179 79	#52B34F
100.0%	100.0% #72C368	RGB 114 195 104	#72C368

#006829 #0A772C #178630 #279537 #3AA440 #52B34F #72C368

#006829 - #279537 - #72C368

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006829 0%, #279537 50%, #72C368 100%);
    background: -webkit-linear-gradient(top, #006829 0%, #279537 50%, #72C368 100%);
    background: linear-gradient(to bottom, #006829 0%, #279537 50%, #72C368 100%);
}
</style>