#3C522E - #B3CB4D | 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 #3C522E a #B3CB4D

#3C522E #B3CB4D

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

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

0.0%	0.0% #3C522E	RGB 60 82 46	#3C522E
16.7%	16.7% #4F6633	RGB 79 102 51	#4F6633
33.3%	33.3% #637A38	RGB 99 122 56	#637A38
50.0%	50.0% #778E3D	RGB 119 142 61	#778E3D
66.7%	66.7% #8BA242	RGB 139 162 66	#8BA242
83.3%	83.3% #9FB647	RGB 159 182 71	#9FB647
100.0%	100.0% #B3CB4D	RGB 179 203 77	#B3CB4D

#3C522E #4F6633 #637A38 #778E3D #8BA242 #9FB647 #B3CB4D

#3C522E - #B3CB4D

Mezcla HSV

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

0.0%	0.0% #3C522E	RGB 60 82 46	#3C522E
16.7%	16.7% #4C6636	RGB 76 102 54	#4C6636
33.3%	33.3% #5D7A3D	RGB 93 122 61	#5D7A3D
50.0%	50.0% #708E42	RGB 112 142 66	#708E42
66.7%	66.7% #84A247	RGB 132 162 71	#84A247
83.3%	83.3% #9AB64A	RGB 154 182 74	#9AB64A
100.0%	100.0% #B3CB4D	RGB 179 203 77	#B3CB4D

#3C522E #4C6636 #5D7A3D #708E42 #84A247 #9AB64A #B3CB4D

#3C522E - #708E42 - #B3CB4D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C522E 0%, #708E42 50%, #B3CB4D 100%);
    background: -webkit-linear-gradient(top, #3C522E 0%, #708E42 50%, #B3CB4D 100%);
    background: linear-gradient(to bottom, #3C522E 0%, #708E42 50%, #B3CB4D 100%);
}
</style>