#6F963C - #3B5E08 | 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 #6F963C a #3B5E08

#6F963C #3B5E08

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

#6F963C - #3B5E08 | 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 #6F963C como 0% y #3B5E08 como 100%.

0.0%	0.0% #6F963C	RGB 111 150 60	#6F963C
16.7%	16.7% #668C33	RGB 102 140 51	#668C33
33.3%	33.3% #5D832A	RGB 93 131 42	#5D832A
50.0%	50.0% #557A22	RGB 85 122 34	#557A22
66.7%	66.7% #4C7019	RGB 76 112 25	#4C7019
83.3%	83.3% #436710	RGB 67 103 16	#436710
100.0%	100.0% #3B5E08	RGB 59 94 8	#3B5E08

#6F963C #668C33 #5D832A #557A22 #4C7019 #436710 #3B5E08

#6F963C - #3B5E08

Mezcla HSV

#6F963C - #3B5E08 | 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 #6F963C como 0% y #3B5E08 como 100%.

0.0%	0.0% #6F963C	RGB 111 150 60	#6F963C
16.7%	16.7% #658C30	RGB 101 140 48	#658C30
33.3%	33.3% #5C8326	RGB 92 131 38	#5C8326
50.0%	50.0% #537A1D	RGB 83 122 29	#537A1D
66.7%	66.7% #4A7015	RGB 74 112 21	#4A7015
83.3%	83.3% #42670E	RGB 66 103 14	#42670E
100.0%	100.0% #3B5E08	RGB 59 94 8	#3B5E08

#6F963C #658C30 #5C8326 #537A1D #4A7015 #42670E #3B5E08

#6F963C - #537A1D - #3B5E08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F963C 0%, #537A1D 50%, #3B5E08 100%);
    background: -webkit-linear-gradient(top, #6F963C 0%, #537A1D 50%, #3B5E08 100%);
    background: linear-gradient(to bottom, #6F963C 0%, #537A1D 50%, #3B5E08 100%);
}
</style>