#98C36D - #55930C | 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 #98C36D a #55930C

#98C36D #55930C

Calcule el color entre dos colores, #98C36D y #55930C. 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)

#98C36D - #55930C | 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 #98C36D como 0% y #55930C como 100%.

0.0%	0.0% #98C36D	RGB 152 195 109	#98C36D
16.7%	16.7% #8CBB5C	RGB 140 187 92	#8CBB5C
33.3%	33.3% #81B34C	RGB 129 179 76	#81B34C
50.0%	50.0% #76AB3C	RGB 118 171 60	#76AB3C
66.7%	66.7% #6BA32C	RGB 107 163 44	#6BA32C
83.3%	83.3% #609B1C	RGB 96 155 28	#609B1C
100.0%	100.0% #55930C	RGB 85 147 12	#55930C

#98C36D #8CBB5C #81B34C #76AB3C #6BA32C #609B1C #55930C

#98C36D - #55930C

Mezcla HSV

#98C36D - #55930C | 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 #98C36D como 0% y #55930C como 100%.

0.0%	0.0% #98C36D	RGB 152 195 109	#98C36D
16.7%	16.7% #8ABB59	RGB 138 187 89	#8ABB59
33.3%	33.3% #7EB347	RGB 126 179 71	#7EB347
50.0%	50.0% #73AB36	RGB 115 171 54	#73AB36
66.7%	66.7% #68A327	RGB 104 163 39	#68A327
83.3%	83.3% #5E9B18	RGB 94 155 24	#5E9B18
100.0%	100.0% #55930C	RGB 85 147 12	#55930C

#98C36D #8ABB59 #7EB347 #73AB36 #68A327 #5E9B18 #55930C

#98C36D - #73AB36 - #55930C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98C36D 0%, #73AB36 50%, #55930C 100%);
    background: -webkit-linear-gradient(top, #98C36D 0%, #73AB36 50%, #55930C 100%);
    background: linear-gradient(to bottom, #98C36D 0%, #73AB36 50%, #55930C 100%);
}
</style>