#4FD3D3 - #00A8A7 | 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 #4FD3D3 a #00A8A7

#4FD3D3 #00A8A7

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

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

0.0%	0.0% #4FD3D3	RGB 79 211 211	#4FD3D3
16.7%	16.7% #41CBCB	RGB 65 203 203	#41CBCB
33.3%	33.3% #34C4C4	RGB 52 196 196	#34C4C4
50.0%	50.0% #27BDBD	RGB 39 189 189	#27BDBD
66.7%	66.7% #1AB6B5	RGB 26 182 181	#1AB6B5
83.3%	83.3% #0DAFAE	RGB 13 175 174	#0DAFAE
100.0%	100.0% #00A8A7	RGB 0 168 167	#00A8A7

#4FD3D3 #41CBCB #34C4C4 #27BDBD #1AB6B5 #0DAFAE #00A8A7

#4FD3D3 - #00A8A7

Mezcla HSV

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

0.0%	0.0% #4FD3D3	RGB 79 211 211	#4FD3D3
16.7%	16.7% #3FCBCB	RGB 63 203 203	#3FCBCB
33.3%	33.3% #31C4C4	RGB 49 196 196	#31C4C4
50.0%	50.0% #23BDBD	RGB 35 189 189	#23BDBD
66.7%	66.7% #16B6B5	RGB 22 182 181	#16B6B5
83.3%	83.3% #0AAFAE	RGB 10 175 174	#0AAFAE
100.0%	100.0% #00A8A7	RGB 0 168 167	#00A8A7

#4FD3D3 #3FCBCB #31C4C4 #23BDBD #16B6B5 #0AAFAE #00A8A7

#4FD3D3 - #23BDBD - #00A8A7

Códigos CSS

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

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