#2F9F9F - #006E5D | 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 #2F9F9F a #006E5D

#2F9F9F #006E5D

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

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

0.0%	0.0% #2F9F9F	RGB 47 159 159	#2F9F9F
16.7%	16.7% #279694	RGB 39 150 148	#279694
33.3%	33.3% #1F8E89	RGB 31 142 137	#1F8E89
50.0%	50.0% #17867E	RGB 23 134 126	#17867E
66.7%	66.7% #0F7E73	RGB 15 126 115	#0F7E73
83.3%	83.3% #077668	RGB 7 118 104	#077668
100.0%	100.0% #006E5D	RGB 0 110 93	#006E5D

#2F9F9F #279694 #1F8E89 #17867E #0F7E73 #077668 #006E5D

#2F9F9F - #006E5D

Mezcla HSV

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

0.0%	0.0% #2F9F9F	RGB 47 159 159	#2F9F9F
16.7%	16.7% #259693	RGB 37 150 147	#259693
33.3%	33.3% #1C8E88	RGB 28 142 136	#1C8E88
50.0%	50.0% #13867D	RGB 19 134 125	#13867D
66.7%	66.7% #0C7E72	RGB 12 126 114	#0C7E72
83.3%	83.3% #057667	RGB 5 118 103	#057667
100.0%	100.0% #006E5D	RGB 0 110 93	#006E5D

#2F9F9F #259693 #1C8E88 #13867D #0C7E72 #057667 #006E5D

#2F9F9F - #13867D - #006E5D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F9F9F 0%, #13867D 50%, #006E5D 100%);
    background: -webkit-linear-gradient(top, #2F9F9F 0%, #13867D 50%, #006E5D 100%);
    background: linear-gradient(to bottom, #2F9F9F 0%, #13867D 50%, #006E5D 100%);
}
</style>