#B5C92B - #718C0C | 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 #B5C92B a #718C0C

#B5C92B #718C0C

Calcule el color entre dos colores, #B5C92B y #718C0C. 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)

#B5C92B - #718C0C | 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 #B5C92B como 0% y #718C0C como 100%.

0.0%	0.0% #B5C92B	RGB 181 201 43	#B5C92B
16.7%	16.7% #A9BE25	RGB 169 190 37	#A9BE25
33.3%	33.3% #9EB420	RGB 158 180 32	#9EB420
50.0%	50.0% #93AA1B	RGB 147 170 27	#93AA1B
66.7%	66.7% #87A016	RGB 135 160 22	#87A016
83.3%	83.3% #7C9611	RGB 124 150 17	#7C9611
100.0%	100.0% #718C0C	RGB 113 140 12	#718C0C

#B5C92B #A9BE25 #9EB420 #93AA1B #87A016 #7C9611 #718C0C

#B5C92B - #718C0C

Mezcla HSV

#B5C92B - #718C0C | 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 #B5C92B como 0% y #718C0C como 100%.

0.0%	0.0% #B5C92A	RGB 181 201 42	#B5C92A
16.7%	16.7% #A9BE24	RGB 169 190 36	#A9BE24
33.3%	33.3% #9DB41E	RGB 157 180 30	#9DB41E
50.0%	50.0% #92AA19	RGB 146 170 25	#92AA19
66.7%	66.7% #86A014	RGB 134 160 20	#86A014
83.3%	83.3% #7B9610	RGB 123 150 16	#7B9610
100.0%	100.0% #718C0C	RGB 113 140 12	#718C0C

#B5C92A #A9BE24 #9DB41E #92AA19 #86A014 #7B9610 #718C0C

#B5C92B - #92AA19 - #718C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C92A 0%, #92AA19 50%, #718C0C 100%);
    background: -webkit-linear-gradient(top, #B5C92A 0%, #92AA19 50%, #718C0C 100%);
    background: linear-gradient(to bottom, #B5C92A 0%, #92AA19 50%, #718C0C 100%);
}
</style>