#170000 - #BCB6B6 | 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 #170000 a #BCB6B6

#170000 #BCB6B6

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

#170000 - #BCB6B6 | 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 #170000 como 0% y #BCB6B6 como 100%.

0.0%	0.0% #170000	RGB 23 0 0	#170000
16.7%	16.7% #321E1E	RGB 50 30 30	#321E1E
33.3%	33.3% #4E3C3C	RGB 78 60 60	#4E3C3C
50.0%	50.0% #695B5B	RGB 105 91 91	#695B5B
66.7%	66.7% #857979	RGB 133 121 121	#857979
83.3%	83.3% #A09797	RGB 160 151 151	#A09797
100.0%	100.0% #BCB6B6	RGB 188 182 182	#BCB6B6

#170000 #321E1E #4E3C3C #695B5B #857979 #A09797 #BCB6B6

#170000 - #BCB6B6

Mezcla HSV

#170000 - #BCB6B6 | 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 #170000 como 0% y #BCB6B6 como 100%.

0.0%	0.0% #170000	RGB 23 0 0	#170000
16.7%	16.7% #320808	RGB 50 8 8	#320808
33.3%	33.3% #4E1919	RGB 78 25 25	#4E1919
50.0%	50.0% #693333	RGB 105 51 51	#693333
66.7%	66.7% #855555	RGB 133 85 85	#855555
83.3%	83.3% #A08181	RGB 160 129 129	#A08181
100.0%	100.0% #BCB6B6	RGB 188 182 182	#BCB6B6

#170000 #320808 #4E1919 #693333 #855555 #A08181 #BCB6B6

#170000 - #693333 - #BCB6B6

Códigos CSS

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

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