#003130 - #267961 | 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 #003130 a #267961

#003130 #267961

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

#003130 - #267961 | 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 #003130 como 0% y #267961 como 100%.

0.0%	0.0% #003130	RGB 0 49 48	#003130
16.7%	16.7% #063D38	RGB 6 61 56	#063D38
33.3%	33.3% #0C4940	RGB 12 73 64	#0C4940
50.0%	50.0% #135548	RGB 19 85 72	#135548
66.7%	66.7% #196150	RGB 25 97 80	#196150
83.3%	83.3% #1F6D58	RGB 31 109 88	#1F6D58
100.0%	100.0% #267961	RGB 38 121 97	#267961

#003130 #063D38 #0C4940 #135548 #196150 #1F6D58 #267961

#003130 - #267961

Mezcla HSV

#003130 - #267961 | 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 #003130 como 0% y #267961 como 100%.

0.0%	0.0% #003130	RGB 0 49 48	#003130
16.7%	16.7% #033D39	RGB 3 61 57	#033D39
33.3%	33.3% #074941	RGB 7 73 65	#074941
50.0%	50.0% #0D5549	RGB 13 85 73	#0D5549
66.7%	66.7% #146151	RGB 20 97 81	#146151
83.3%	83.3% #1C6D59	RGB 28 109 89	#1C6D59
100.0%	100.0% #267961	RGB 38 121 97	#267961

#003130 #033D39 #074941 #0D5549 #146151 #1C6D59 #267961

#003130 - #0D5549 - #267961

Códigos CSS

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

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