#20090B - #BFB8B9 | 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 #20090B a #BFB8B9

#20090B #BFB8B9

Calcule el color entre dos colores, #20090B y #BFB8B9. 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)

#20090B - #BFB8B9 | 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 #20090B como 0% y #BFB8B9 como 100%.

0.0%	0.0% #20090B	RGB 32 9 11	#20090B
16.7%	16.7% #3A2628	RGB 58 38 40	#3A2628
33.3%	33.3% #554345	RGB 85 67 69	#554345
50.0%	50.0% #6F6062	RGB 111 96 98	#6F6062
66.7%	66.7% #8A7D7F	RGB 138 125 127	#8A7D7F
83.3%	83.3% #A49A9C	RGB 164 154 156	#A49A9C
100.0%	100.0% #BFB8B9	RGB 191 184 185	#BFB8B9

#20090B #3A2628 #554345 #6F6062 #8A7D7F #A49A9C #BFB8B9

#20090B - #BFB8B9

Mezcla HSV

#20090B - #BFB8B9 | 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 #20090B como 0% y #BFB8B9 como 100%.

0.0%	0.0% #20090B	RGB 32 9 11	#20090B
16.7%	16.7% #3A171A	RGB 58 23 26	#3A171A
33.3%	33.3% #552B2F	RGB 85 43 47	#552B2F
50.0%	50.0% #6F454A	RGB 111 69 74	#6F454A
66.7%	66.7% #8A656A	RGB 138 101 106	#8A656A
83.3%	83.3% #A48B8F	RGB 164 139 143	#A48B8F
100.0%	100.0% #BFB8B9	RGB 191 184 185	#BFB8B9

#20090B #3A171A #552B2F #6F454A #8A656A #A48B8F #BFB8B9

#20090B - #6F454A - #BFB8B9

Códigos CSS

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

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