#BECE9F - #363A2D | 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 #BECE9F a #363A2D

#BECE9F #363A2D

Calcule el color entre dos colores, #BECE9F y #363A2D. 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)

#BECE9F - #363A2D | 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 #BECE9F como 0% y #363A2D como 100%.

0.0%	0.0% #BECE9F	RGB 190 206 159	#BECE9F
16.7%	16.7% #A7B58C	RGB 167 181 140	#A7B58C
33.3%	33.3% #909C79	RGB 144 156 121	#909C79
50.0%	50.0% #7A8466	RGB 122 132 102	#7A8466
66.7%	66.7% #636B53	RGB 99 107 83	#636B53
83.3%	83.3% #4C5240	RGB 76 82 64	#4C5240
100.0%	100.0% #363A2D	RGB 54 58 45	#363A2D

#BECE9F #A7B58C #909C79 #7A8466 #636B53 #4C5240 #363A2D

#BECE9F - #363A2D

Mezcla HSV

#BECE9F - #363A2D | 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 #BECE9F como 0% y #363A2D como 100%.

0.0%	0.0% #BECE9F	RGB 190 206 159	#BECE9F
16.7%	16.7% #A7B58C	RGB 167 181 140	#A7B58C
33.3%	33.3% #909C79	RGB 144 156 121	#909C79
50.0%	50.0% #7A8466	RGB 122 132 102	#7A8466
66.7%	66.7% #636B53	RGB 99 107 83	#636B53
83.3%	83.3% #4C5240	RGB 76 82 64	#4C5240
100.0%	100.0% #363A2D	RGB 54 58 45	#363A2D

#BECE9F #A7B58C #909C79 #7A8466 #636B53 #4C5240 #363A2D

#BECE9F - #7A8466 - #363A2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BECE9F 0%, #7A8466 50%, #363A2D 100%);
    background: -webkit-linear-gradient(top, #BECE9F 0%, #7A8466 50%, #363A2D 100%);
    background: linear-gradient(to bottom, #BECE9F 0%, #7A8466 50%, #363A2D 100%);
}
</style>