#201712 - #BFBCBB | 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 #201712 a #BFBCBB

#201712 #BFBCBB

Calcule el color entre dos colores, #201712 y #BFBCBB. 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)

#201712 - #BFBCBB | 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 #201712 como 0% y #BFBCBB como 100%.

0.0%	0.0% #201712	RGB 32 23 18	#201712
16.7%	16.7% #3A322E	RGB 58 50 46	#3A322E
33.3%	33.3% #554E4A	RGB 85 78 74	#554E4A
50.0%	50.0% #6F6966	RGB 111 105 102	#6F6966
66.7%	66.7% #8A8582	RGB 138 133 130	#8A8582
83.3%	83.3% #A4A09E	RGB 164 160 158	#A4A09E
100.0%	100.0% #BFBCBB	RGB 191 188 187	#BFBCBB

#201712 #3A322E #554E4A #6F6966 #8A8582 #A4A09E #BFBCBB

#201712 - #BFBCBB

Mezcla HSV

#201712 - #BFBCBB | 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 #201712 como 0% y #BFBCBB como 100%.

0.0%	0.0% #201712	RGB 32 23 18	#201712
16.7%	16.7% #3A2C24	RGB 58 44 36	#3A2C24
33.3%	33.3% #55433B	RGB 85 67 59	#55433B
50.0%	50.0% #6F5D55	RGB 111 93 85	#6F5D55
66.7%	66.7% #8A7A73	RGB 138 122 115	#8A7A73
83.3%	83.3% #A49995	RGB 164 153 149	#A49995
100.0%	100.0% #BFBCBB	RGB 191 188 187	#BFBCBB

#201712 #3A2C24 #55433B #6F5D55 #8A7A73 #A49995 #BFBCBB

#201712 - #6F5D55 - #BFBCBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201712 0%, #6F5D55 50%, #BFBCBB 100%);
    background: -webkit-linear-gradient(top, #201712 0%, #6F5D55 50%, #BFBCBB 100%);
    background: linear-gradient(to bottom, #201712 0%, #6F5D55 50%, #BFBCBB 100%);
}
</style>