#003232 - #277B63 | 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 #003232 a #277B63

#003232 #277B63

Calcule el color entre dos colores, #003232 y #277B63. 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)

#003232 - #277B63 | 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 #003232 como 0% y #277B63 como 100%.

0.0%	0.0% #003232	RGB 0 50 50	#003232
16.7%	16.7% #063E3A	RGB 6 62 58	#063E3A
33.3%	33.3% #0D4A42	RGB 13 74 66	#0D4A42
50.0%	50.0% #13564A	RGB 19 86 74	#13564A
66.7%	66.7% #1A6252	RGB 26 98 82	#1A6252
83.3%	83.3% #206E5A	RGB 32 110 90	#206E5A
100.0%	100.0% #277B63	RGB 39 123 99	#277B63

#003232 #063E3A #0D4A42 #13564A #1A6252 #206E5A #277B63

#003232 - #277B63

Mezcla HSV

#003232 - #277B63 | 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 #003232 como 0% y #277B63 como 100%.

0.0%	0.0% #003232	RGB 0 50 50	#003232
16.7%	16.7% #033E3B	RGB 3 62 59	#033E3B
33.3%	33.3% #074A44	RGB 7 74 68	#074A44
50.0%	50.0% #0D564C	RGB 13 86 76	#0D564C
66.7%	66.7% #146253	RGB 20 98 83	#146253
83.3%	83.3% #1D6E5B	RGB 29 110 91	#1D6E5B
100.0%	100.0% #277B63	RGB 39 123 99	#277B63

#003232 #033E3B #074A44 #0D564C #146253 #1D6E5B #277B63

#003232 - #0D564C - #277B63

Códigos CSS

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

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