#B4D891 - #333D29 | 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 #B4D891 a #333D29

#B4D891 #333D29

Calcule el color entre dos colores, #B4D891 y #333D29. 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)

#B4D891 - #333D29 | 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 #B4D891 como 0% y #333D29 como 100%.

0.0%	0.0% #B4D891	RGB 180 216 145	#B4D891
16.7%	16.7% #9EBE7F	RGB 158 190 127	#9EBE7F
33.3%	33.3% #89A46E	RGB 137 164 110	#89A46E
50.0%	50.0% #738A5D	RGB 115 138 93	#738A5D
66.7%	66.7% #5E704B	RGB 94 112 75	#5E704B
83.3%	83.3% #48563A	RGB 72 86 58	#48563A
100.0%	100.0% #333D29	RGB 51 61 41	#333D29

#B4D891 #9EBE7F #89A46E #738A5D #5E704B #48563A #333D29

#B4D891 - #333D29

Mezcla HSV

#B4D891 - #333D29 | 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 #B4D891 como 0% y #333D29 como 100%.

0.0%	0.0% #B4D891	RGB 180 216 145	#B4D891
16.7%	16.7% #9EBE7F	RGB 158 190 127	#9EBE7F
33.3%	33.3% #89A46E	RGB 137 164 110	#89A46E
50.0%	50.0% #738A5D	RGB 115 138 93	#738A5D
66.7%	66.7% #5E704B	RGB 94 112 75	#5E704B
83.3%	83.3% #48563A	RGB 72 86 58	#48563A
100.0%	100.0% #333D29	RGB 51 61 41	#333D29

#B4D891 #9EBE7F #89A46E #738A5D #5E704B #48563A #333D29

#B4D891 - #738A5D - #333D29

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4D891 0%, #738A5D 50%, #333D29 100%);
    background: -webkit-linear-gradient(top, #B4D891 0%, #738A5D 50%, #333D29 100%);
    background: linear-gradient(to bottom, #B4D891 0%, #738A5D 50%, #333D29 100%);
}
</style>