#171C10 - #BCBEBA | 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 #171C10 a #BCBEBA

#171C10 #BCBEBA

Calcule el color entre dos colores, #171C10 y #BCBEBA. 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)

#171C10 - #BCBEBA | 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 #171C10 como 0% y #BCBEBA como 100%.

0.0%	0.0% #171C10	RGB 23 28 16	#171C10
16.7%	16.7% #32372C	RGB 50 55 44	#32372C
33.3%	33.3% #4E5248	RGB 78 82 72	#4E5248
50.0%	50.0% #696D65	RGB 105 109 101	#696D65
66.7%	66.7% #858881	RGB 133 136 129	#858881
83.3%	83.3% #A0A39D	RGB 160 163 157	#A0A39D
100.0%	100.0% #BCBEBA	RGB 188 190 186	#BCBEBA

#171C10 #32372C #4E5248 #696D65 #858881 #A0A39D #BCBEBA

#171C10 - #BCBEBA

Mezcla HSV

#171C10 - #BCBEBA | 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 #171C10 como 0% y #BCBEBA como 100%.

0.0%	0.0% #171C10	RGB 23 28 16	#171C10
16.7%	16.7% #2E3723	RGB 46 55 35	#2E3723
33.3%	33.3% #475239	RGB 71 82 57	#475239
50.0%	50.0% #616D54	RGB 97 109 84	#616D54
66.7%	66.7% #7D8872	RGB 125 136 114	#7D8872
83.3%	83.3% #9BA394	RGB 155 163 148	#9BA394
100.0%	100.0% #BCBEBA	RGB 188 190 186	#BCBEBA

#171C10 #2E3723 #475239 #616D54 #7D8872 #9BA394 #BCBEBA

#171C10 - #616D54 - #BCBEBA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #171C10 0%, #616D54 50%, #BCBEBA 100%);
    background: -webkit-linear-gradient(top, #171C10 0%, #616D54 50%, #BCBEBA 100%);
    background: linear-gradient(to bottom, #171C10 0%, #616D54 50%, #BCBEBA 100%);
}
</style>