#3E7E00 - #C7DAB6 | 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 #3E7E00 a #C7DAB6

#3E7E00 #C7DAB6

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

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

0.0%	0.0% #3E7E00	RGB 62 126 0	#3E7E00
16.7%	16.7% #548D1E	RGB 84 141 30	#548D1E
33.3%	33.3% #6B9C3C	RGB 107 156 60	#6B9C3C
50.0%	50.0% #82AC5B	RGB 130 172 91	#82AC5B
66.7%	66.7% #99BB79	RGB 153 187 121	#99BB79
83.3%	83.3% #B0CA97	RGB 176 202 151	#B0CA97
100.0%	100.0% #C7DAB6	RGB 199 218 182	#C7DAB6

#3E7E00 #548D1E #6B9C3C #82AC5B #99BB79 #B0CA97 #C7DAB6

#3E7E00 - #C7DAB6

Mezcla HSV

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

0.0%	0.0% #3E7E00	RGB 62 126 0	#3E7E00
16.7%	16.7% #4F8D13	RGB 79 141 19	#4F8D13
33.3%	33.3% #629C2B	RGB 98 156 43	#629C2B
50.0%	50.0% #78AC47	RGB 120 172 71	#78AC47
66.7%	66.7% #90BB68	RGB 144 187 104	#90BB68
83.3%	83.3% #AACA8C	RGB 170 202 140	#AACA8C
100.0%	100.0% #C7DAB6	RGB 199 218 182	#C7DAB6

#3E7E00 #4F8D13 #629C2B #78AC47 #90BB68 #AACA8C #C7DAB6

#3E7E00 - #78AC47 - #C7DAB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E7E00 0%, #78AC47 50%, #C7DAB6 100%);
    background: -webkit-linear-gradient(top, #3E7E00 0%, #78AC47 50%, #C7DAB6 100%);
    background: linear-gradient(to bottom, #3E7E00 0%, #78AC47 50%, #C7DAB6 100%);
}
</style>