#0D1208 - #001603 | 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 #0D1208 a #001603

#0D1208 #001603

Calcule el color entre dos colores, #0D1208 y #001603. 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)

#0D1208 - #001603 | 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 #0D1208 como 0% y #001603 como 100%.

0.0%	0.0% #0D1208	RGB 13 18 8	#0D1208
16.7%	16.7% #0A1207	RGB 10 18 7	#0A1207
33.3%	33.3% #081306	RGB 8 19 6	#081306
50.0%	50.0% #061405	RGB 6 20 5	#061405
66.7%	66.7% #041404	RGB 4 20 4	#041404
83.3%	83.3% #021503	RGB 2 21 3	#021503
100.0%	100.0% #001603	RGB 0 22 3	#001603

#0D1208 #0A1207 #081306 #061405 #041404 #021503 #001603

#0D1208 - #001603

Mezcla HSV

#0D1208 - #001603 | 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 #0D1208 como 0% y #001603 como 100%.

0.0%	0.0% #0D1208	RGB 13 18 8	#0D1208
16.7%	16.7% #0B1206	RGB 11 18 6	#0B1206
33.3%	33.3% #091305	RGB 9 19 5	#091305
50.0%	50.0% #071404	RGB 7 20 4	#071404
66.7%	66.7% #041403	RGB 4 20 3	#041403
83.3%	83.3% #011502	RGB 1 21 2	#011502
100.0%	100.0% #001603	RGB 0 22 3	#001603

#0D1208 #0B1206 #091305 #071404 #041403 #011502 #001603

#0D1208 - #071404 - #001603

Códigos CSS

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

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