#0F9F9F - #006F5B | 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 #0F9F9F a #006F5B

#0F9F9F #006F5B

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

#0F9F9F - #006F5B | 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 #0F9F9F como 0% y #006F5B como 100%.

0.0%	0.0% #0F9F9F	RGB 15 159 159	#0F9F9F
16.7%	16.7% #0C9793	RGB 12 151 147	#0C9793
33.3%	33.3% #0A8F88	RGB 10 143 136	#0A8F88
50.0%	50.0% #07877D	RGB 7 135 125	#07877D
66.7%	66.7% #057F71	RGB 5 127 113	#057F71
83.3%	83.3% #027766	RGB 2 119 102	#027766
100.0%	100.0% #006F5B	RGB 0 111 91	#006F5B

#0F9F9F #0C9793 #0A8F88 #07877D #057F71 #027766 #006F5B

#0F9F9F - #006F5B

Mezcla HSV

#0F9F9F - #006F5B | 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 #0F9F9F como 0% y #006F5B como 100%.

0.0%	0.0% #0E9F9F	RGB 14 159 159	#0E9F9F
16.7%	16.7% #0B9792	RGB 11 151 146	#0B9792
33.3%	33.3% #088F86	RGB 8 143 134	#088F86
50.0%	50.0% #06877B	RGB 6 135 123	#06877B
66.7%	66.7% #037F70	RGB 3 127 112	#037F70
83.3%	83.3% #017765	RGB 1 119 101	#017765
100.0%	100.0% #006F5B	RGB 0 111 91	#006F5B

#0E9F9F #0B9792 #088F86 #06877B #037F70 #017765 #006F5B

#0F9F9F - #06877B - #006F5B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E9F9F 0%, #06877B 50%, #006F5B 100%);
    background: -webkit-linear-gradient(top, #0E9F9F 0%, #06877B 50%, #006F5B 100%);
    background: linear-gradient(to bottom, #0E9F9F 0%, #06877B 50%, #006F5B 100%);
}
</style>