#0FD3D3 - #BAF2F2 | 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 #0FD3D3 a #BAF2F2

#0FD3D3 #BAF2F2

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

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

0.0%	0.0% #0FD3D3	RGB 15 211 211	#0FD3D3
16.7%	16.7% #2BD8D8	RGB 43 216 216	#2BD8D8
33.3%	33.3% #48DDDD	RGB 72 221 221	#48DDDD
50.0%	50.0% #64E2E2	RGB 100 226 226	#64E2E2
66.7%	66.7% #81E7E7	RGB 129 231 231	#81E7E7
83.3%	83.3% #9DECEC	RGB 157 236 236	#9DECEC
100.0%	100.0% #BAF2F2	RGB 186 242 242	#BAF2F2

#0FD3D3 #2BD8D8 #48DDDD #64E2E2 #81E7E7 #9DECEC #BAF2F2

#0FD3D3 - #BAF2F2

Mezcla HSV

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

0.0%	0.0% #0FD3D3	RGB 15 211 211	#0FD3D3
16.7%	16.7% #28D8D8	RGB 40 216 216	#28D8D8
33.3%	33.3% #43DDDD	RGB 67 221 221	#43DDDD
50.0%	50.0% #5FE2E2	RGB 95 226 226	#5FE2E2
66.7%	66.7% #7CE7E7	RGB 124 231 231	#7CE7E7
83.3%	83.3% #9AECEC	RGB 154 236 236	#9AECEC
100.0%	100.0% #BAF2F2	RGB 186 242 242	#BAF2F2

#0FD3D3 #28D8D8 #43DDDD #5FE2E2 #7CE7E7 #9AECEC #BAF2F2

#0FD3D3 - #5FE2E2 - #BAF2F2

Códigos CSS

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

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