#3C9660 - #006518 | 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 #3C9660 a #006518

#3C9660 #006518

Calcule el color entre dos colores, #3C9660 y #006518. 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)

#3C9660 - #006518 | 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 #3C9660 como 0% y #006518 como 100%.

0.0%	0.0% #3C9660	RGB 60 150 96	#3C9660
16.7%	16.7% #328D54	RGB 50 141 84	#328D54
33.3%	33.3% #288548	RGB 40 133 72	#288548
50.0%	50.0% #1E7D3C	RGB 30 125 60	#1E7D3C
66.7%	66.7% #147530	RGB 20 117 48	#147530
83.3%	83.3% #0A6D24	RGB 10 109 36	#0A6D24
100.0%	100.0% #006518	RGB 0 101 24	#006518

#3C9660 #328D54 #288548 #1E7D3C #147530 #0A6D24 #006518

#3C9660 - #006518

Mezcla HSV

#3C9660 - #006518 | 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 #3C9660 como 0% y #006518 como 100%.

0.0%	0.0% #3C9660	RGB 60 150 96	#3C9660
16.7%	16.7% #2F8D52	RGB 47 141 82	#2F8D52
33.3%	33.3% #238545	RGB 35 133 69	#238545
50.0%	50.0% #197D39	RGB 25 125 57	#197D39
66.7%	66.7% #0F752D	RGB 15 117 45	#0F752D
83.3%	83.3% #076D22	RGB 7 109 34	#076D22
100.0%	100.0% #006518	RGB 0 101 24	#006518

#3C9660 #2F8D52 #238545 #197D39 #0F752D #076D22 #006518

#3C9660 - #197D39 - #006518

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C9660 0%, #197D39 50%, #006518 100%);
    background: -webkit-linear-gradient(top, #3C9660 0%, #197D39 50%, #006518 100%);
    background: linear-gradient(to bottom, #3C9660 0%, #197D39 50%, #006518 100%);
}
</style>