#007D7D - #7ED9A1 | 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 #007D7D a #7ED9A1

#007D7D #7ED9A1

Calcule el color entre dos colores, #007D7D y #7ED9A1. 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)

#007D7D - #7ED9A1 | 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 #007D7D como 0% y #7ED9A1 como 100%.

0.0%	0.0% #007D7D	RGB 0 125 125	#007D7D
16.7%	16.7% #158C83	RGB 21 140 131	#158C83
33.3%	33.3% #2A9B89	RGB 42 155 137	#2A9B89
50.0%	50.0% #3FAB8F	RGB 63 171 143	#3FAB8F
66.7%	66.7% #54BA95	RGB 84 186 149	#54BA95
83.3%	83.3% #69C99B	RGB 105 201 155	#69C99B
100.0%	100.0% #7ED9A1	RGB 126 217 161	#7ED9A1

#007D7D #158C83 #2A9B89 #3FAB8F #54BA95 #69C99B #7ED9A1

#007D7D - #7ED9A1

Mezcla HSV

#007D7D - #7ED9A1 | 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 #007D7D como 0% y #7ED9A1 como 100%.

0.0%	0.0% #007D7D	RGB 0 125 125	#007D7D
16.7%	16.7% #0D8C7F	RGB 13 140 127	#0D8C7F
33.3%	33.3% #1E9B81	RGB 30 155 129	#1E9B81
50.0%	50.0% #31AB85	RGB 49 171 133	#31AB85
66.7%	66.7% #48BA8B	RGB 72 186 139	#48BA8B
83.3%	83.3% #61C994	RGB 97 201 148	#61C994
100.0%	100.0% #7ED9A1	RGB 126 217 161	#7ED9A1

#007D7D #0D8C7F #1E9B81 #31AB85 #48BA8B #61C994 #7ED9A1

#007D7D - #31AB85 - #7ED9A1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007D7D 0%, #31AB85 50%, #7ED9A1 100%);
    background: -webkit-linear-gradient(top, #007D7D 0%, #31AB85 50%, #7ED9A1 100%);
    background: linear-gradient(to bottom, #007D7D 0%, #31AB85 50%, #7ED9A1 100%);
}
</style>