#4EDFDF - #00B8BC | 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 #4EDFDF a #00B8BC

#4EDFDF #00B8BC

Calcule el color entre dos colores, #4EDFDF y #00B8BC. 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)

#4EDFDF - #00B8BC | 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 #4EDFDF como 0% y #00B8BC como 100%.

0.0%	0.0% #4EDFDF	RGB 78 223 223	#4EDFDF
16.7%	16.7% #41D8D9	RGB 65 216 217	#41D8D9
33.3%	33.3% #34D2D3	RGB 52 210 211	#34D2D3
50.0%	50.0% #27CBCD	RGB 39 203 205	#27CBCD
66.7%	66.7% #1AC5C7	RGB 26 197 199	#1AC5C7
83.3%	83.3% #0DBEC1	RGB 13 190 193	#0DBEC1
100.0%	100.0% #00B8BC	RGB 0 184 188	#00B8BC

#4EDFDF #41D8D9 #34D2D3 #27CBCD #1AC5C7 #0DBEC1 #00B8BC

#4EDFDF - #00B8BC

Mezcla HSV

#4EDFDF - #00B8BC | 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 #4EDFDF como 0% y #00B8BC como 100%.

0.0%	0.0% #4EDFDF	RGB 78 223 223	#4EDFDF
16.7%	16.7% #3FD8D9	RGB 63 216 217	#3FD8D9
33.3%	33.3% #31D2D3	RGB 49 210 211	#31D2D3
50.0%	50.0% #23CBCD	RGB 35 203 205	#23CBCD
66.7%	66.7% #17C5C7	RGB 23 197 199	#17C5C7
83.3%	83.3% #0BBEC1	RGB 11 190 193	#0BBEC1
100.0%	100.0% #00B8BC	RGB 0 184 188	#00B8BC

#4EDFDF #3FD8D9 #31D2D3 #23CBCD #17C5C7 #0BBEC1 #00B8BC

#4EDFDF - #23CBCD - #00B8BC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EDFDF 0%, #23CBCD 50%, #00B8BC 100%);
    background: -webkit-linear-gradient(top, #4EDFDF 0%, #23CBCD 50%, #00B8BC 100%);
    background: linear-gradient(to bottom, #4EDFDF 0%, #23CBCD 50%, #00B8BC 100%);
}
</style>