#00D3D3 - #BEFFB5 | 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 #00D3D3 a #BEFFB5

#00D3D3 #BEFFB5

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

#00D3D3 - #BEFFB5 | 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 #00D3D3 como 0% y #BEFFB5 como 100%.

0.0%	0.0% #00D3D3	RGB 0 211 211	#00D3D3
16.7%	16.7% #1FDACE	RGB 31 218 206	#1FDACE
33.3%	33.3% #3FE1C9	RGB 63 225 201	#3FE1C9
50.0%	50.0% #5FE9C4	RGB 95 233 196	#5FE9C4
66.7%	66.7% #7EF0BF	RGB 126 240 191	#7EF0BF
83.3%	83.3% #9EF7BA	RGB 158 247 186	#9EF7BA
100.0%	100.0% #BEFFB5	RGB 190 255 181	#BEFFB5

#00D3D3 #1FDACE #3FE1C9 #5FE9C4 #7EF0BF #9EF7BA #BEFFB5

#00D3D3 - #BEFFB5

Mezcla HSV

#00D3D3 - #BEFFB5 | 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 #00D3D3 como 0% y #BEFFB5 como 100%.

0.0%	0.0% #00D3D3	RGB 0 211 211	#00D3D3
16.7%	16.7% #19DAB6	RGB 25 218 182	#19DAB6
33.3%	33.3% #35E1A1	RGB 53 225 161	#35E1A1
50.0%	50.0% #52E994	RGB 82 233 148	#52E994
66.7%	66.7% #71F091	RGB 113 240 145	#71F091
83.3%	83.3% #92F799	RGB 146 247 153	#92F799
100.0%	100.0% #BEFFB5	RGB 190 255 181	#BEFFB5

#00D3D3 #19DAB6 #35E1A1 #52E994 #71F091 #92F799 #BEFFB5

#00D3D3 - #52E994 - #BEFFB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D3D3 0%, #52E994 50%, #BEFFB5 100%);
    background: -webkit-linear-gradient(top, #00D3D3 0%, #52E994 50%, #BEFFB5 100%);
    background: linear-gradient(to bottom, #00D3D3 0%, #52E994 50%, #BEFFB5 100%);
}
</style>