#1C7D63 - #04492C | 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 #1C7D63 a #04492C

#1C7D63 #04492C

Calcule el color entre dos colores, #1C7D63 y #04492C. 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)

#1C7D63 - #04492C | 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 #1C7D63 como 0% y #04492C como 100%.

0.0%	0.0% #1C7D63	RGB 28 125 99	#1C7D63
16.7%	16.7% #187459	RGB 24 116 89	#187459
33.3%	33.3% #146B50	RGB 20 107 80	#146B50
50.0%	50.0% #106347	RGB 16 99 71	#106347
66.7%	66.7% #0C5A3E	RGB 12 90 62	#0C5A3E
83.3%	83.3% #085135	RGB 8 81 53	#085135
100.0%	100.0% #04492C	RGB 4 73 44	#04492C

#1C7D63 #187459 #146B50 #106347 #0C5A3E #085135 #04492C

#1C7D63 - #04492C

Mezcla HSV

#1C7D63 - #04492C | 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 #1C7D63 como 0% y #04492C como 100%.

0.0%	0.0% #1B7D63	RGB 27 125 99	#1B7D63
16.7%	16.7% #167458	RGB 22 116 88	#167458
33.3%	33.3% #126B4F	RGB 18 107 79	#126B4F
50.0%	50.0% #0D6345	RGB 13 99 69	#0D6345
66.7%	66.7% #0A5A3C	RGB 10 90 60	#0A5A3C
83.3%	83.3% #065134	RGB 6 81 52	#065134
100.0%	100.0% #04492C	RGB 4 73 44	#04492C

#1B7D63 #167458 #126B4F #0D6345 #0A5A3C #065134 #04492C

#1C7D63 - #0D6345 - #04492C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B7D63 0%, #0D6345 50%, #04492C 100%);
    background: -webkit-linear-gradient(top, #1B7D63 0%, #0D6345 50%, #04492C 100%);
    background: linear-gradient(to bottom, #1B7D63 0%, #0D6345 50%, #04492C 100%);
}
</style>