#3B7600 - #C6D7B6 | 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 #3B7600 a #C6D7B6

#3B7600 #C6D7B6

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

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

0.0%	0.0% #3B7600	RGB 59 118 0	#3B7600
16.7%	16.7% #52861E	RGB 82 134 30	#52861E
33.3%	33.3% #69963C	RGB 105 150 60	#69963C
50.0%	50.0% #80A65B	RGB 128 166 91	#80A65B
66.7%	66.7% #97B679	RGB 151 182 121	#97B679
83.3%	83.3% #AEC697	RGB 174 198 151	#AEC697
100.0%	100.0% #C6D7B6	RGB 198 215 182	#C6D7B6

#3B7600 #52861E #69963C #80A65B #97B679 #AEC697 #C6D7B6

#3B7600 - #C6D7B6

Mezcla HSV

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

0.0%	0.0% #3B7600	RGB 59 118 0	#3B7600
16.7%	16.7% #4C8612	RGB 76 134 18	#4C8612
33.3%	33.3% #5F962A	RGB 95 150 42	#5F962A
50.0%	50.0% #75A646	RGB 117 166 70	#75A646
66.7%	66.7% #8EB667	RGB 142 182 103	#8EB667
83.3%	83.3% #A8C68C	RGB 168 198 140	#A8C68C
100.0%	100.0% #C6D7B6	RGB 198 215 182	#C6D7B6

#3B7600 #4C8612 #5F962A #75A646 #8EB667 #A8C68C #C6D7B6

#3B7600 - #75A646 - #C6D7B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B7600 0%, #75A646 50%, #C6D7B6 100%);
    background: -webkit-linear-gradient(top, #3B7600 0%, #75A646 50%, #C6D7B6 100%);
    background: linear-gradient(to bottom, #3B7600 0%, #75A646 50%, #C6D7B6 100%);
}
</style>