#4FD3D3 - #D0E9B5 | 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 #D0E9B5

#4FD3D3 #D0E9B5

Calcule el color entre dos colores, #4FD3D3 y #D0E9B5. 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 - #D0E9B5 | 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 #D0E9B5 como 100%.

0.0%	0.0% #4FD3D3	RGB 79 211 211	#4FD3D3
16.7%	16.7% #64D6CE	RGB 100 214 206	#64D6CE
33.3%	33.3% #7ADAC9	RGB 122 218 201	#7ADAC9
50.0%	50.0% #8FDEC4	RGB 143 222 196	#8FDEC4
66.7%	66.7% #A5E1BF	RGB 165 225 191	#A5E1BF
83.3%	83.3% #BAE5BA	RGB 186 229 186	#BAE5BA
100.0%	100.0% #D0E9B5	RGB 208 233 181	#D0E9B5

#4FD3D3 #64D6CE #7ADAC9 #8FDEC4 #A5E1BF #BAE5BA #D0E9B5

#4FD3D3 - #D0E9B5

Mezcla HSV

#4FD3D3 - #D0E9B5 | 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 #D0E9B5 como 100%.

0.0%	0.0% #4FD3D3	RGB 79 211 211	#4FD3D3
16.7%	16.7% #5ED6B8	RGB 94 214 184	#5ED6B8
33.3%	33.3% #6FDAA3	RGB 111 218 163	#6FDAA3
50.0%	50.0% #7FDE96	RGB 127 222 150	#7FDE96
66.7%	66.7% #92E191	RGB 146 225 145	#92E191
83.3%	83.3% #B4E5A2	RGB 180 229 162	#B4E5A2
100.0%	100.0% #D0E9B5	RGB 208 233 181	#D0E9B5

#4FD3D3 #5ED6B8 #6FDAA3 #7FDE96 #92E191 #B4E5A2 #D0E9B5

#4FD3D3 - #7FDE96 - #D0E9B5

Códigos CSS

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

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