#48DFDF - #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 #48DFDF a #00B8BC

#48DFDF #00B8BC

Calcule el color entre dos colores, #48DFDF 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)

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

0.0%	0.0% #48DFDF	RGB 72 223 223	#48DFDF
16.7%	16.7% #3CD8D9	RGB 60 216 217	#3CD8D9
33.3%	33.3% #30D2D3	RGB 48 210 211	#30D2D3
50.0%	50.0% #24CBCD	RGB 36 203 205	#24CBCD
66.7%	66.7% #18C5C7	RGB 24 197 199	#18C5C7
83.3%	83.3% #0CBEC1	RGB 12 190 193	#0CBEC1
100.0%	100.0% #00B8BC	RGB 0 184 188	#00B8BC

#48DFDF #3CD8D9 #30D2D3 #24CBCD #18C5C7 #0CBEC1 #00B8BC

#48DFDF - #00B8BC

Mezcla HSV

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

0.0%	0.0% #48DFDF	RGB 72 223 223	#48DFDF
16.7%	16.7% #3AD8D9	RGB 58 216 217	#3AD8D9
33.3%	33.3% #2DD2D3	RGB 45 210 211	#2DD2D3
50.0%	50.0% #21CBCD	RGB 33 203 205	#21CBCD
66.7%	66.7% #15C5C7	RGB 21 197 199	#15C5C7
83.3%	83.3% #0ABEC1	RGB 10 190 193	#0ABEC1
100.0%	100.0% #00B8BC	RGB 0 184 188	#00B8BC

#48DFDF #3AD8D9 #2DD2D3 #21CBCD #15C5C7 #0ABEC1 #00B8BC

#48DFDF - #21CBCD - #00B8BC

Códigos CSS

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

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