#3A845C - #B5CD7E | 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 #3A845C a #B5CD7E

#3A845C #B5CD7E

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

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

0.0%	0.0% #3A845C	RGB 58 132 92	#3A845C
16.7%	16.7% #4E9061	RGB 78 144 97	#4E9061
33.3%	33.3% #639C67	RGB 99 156 103	#639C67
50.0%	50.0% #77A86D	RGB 119 168 109	#77A86D
66.7%	66.7% #8CB472	RGB 140 180 114	#8CB472
83.3%	83.3% #A0C078	RGB 160 192 120	#A0C078
100.0%	100.0% #B5CD7E	RGB 181 205 126	#B5CD7E

#3A845C #4E9061 #639C67 #77A86D #8CB472 #A0C078 #B5CD7E

#3A845C - #B5CD7E

Mezcla HSV

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

0.0%	0.0% #3A845C	RGB 58 132 92	#3A845C
16.7%	16.7% #439057	RGB 67 144 87	#439057
33.3%	33.3% #4D9C53	RGB 77 156 83	#4D9C53
50.0%	50.0% #62A858	RGB 98 168 88	#62A858
66.7%	66.7% #7DB464	RGB 125 180 100	#7DB464
83.3%	83.3% #99C070	RGB 153 192 112	#99C070
100.0%	100.0% #B5CD7E	RGB 181 205 126	#B5CD7E

#3A845C #439057 #4D9C53 #62A858 #7DB464 #99C070 #B5CD7E

#3A845C - #62A858 - #B5CD7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A845C 0%, #62A858 50%, #B5CD7E 100%);
    background: -webkit-linear-gradient(top, #3A845C 0%, #62A858 50%, #B5CD7E 100%);
    background: linear-gradient(to bottom, #3A845C 0%, #62A858 50%, #B5CD7E 100%);
}
</style>