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

#10D3D3 #00A8A9

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

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

0.0%	0.0% #10D3D3	RGB 16 211 211	#10D3D3
16.7%	16.7% #0DCBCC	RGB 13 203 204	#0DCBCC
33.3%	33.3% #0AC4C5	RGB 10 196 197	#0AC4C5
50.0%	50.0% #08BDBE	RGB 8 189 190	#08BDBE
66.7%	66.7% #05B6B7	RGB 5 182 183	#05B6B7
83.3%	83.3% #02AFB0	RGB 2 175 176	#02AFB0
100.0%	100.0% #00A8A9	RGB 0 168 169	#00A8A9

#10D3D3 #0DCBCC #0AC4C5 #08BDBE #05B6B7 #02AFB0 #00A8A9

#10D3D3 - #00A8A9

Mezcla HSV

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

0.0%	0.0% #10D3D3	RGB 16 211 211	#10D3D3
16.7%	16.7% #0CCBCC	RGB 12 203 204	#0CCBCC
33.3%	33.3% #09C4C5	RGB 9 196 197	#09C4C5
50.0%	50.0% #07BDBE	RGB 7 189 190	#07BDBE
66.7%	66.7% #04B6B7	RGB 4 182 183	#04B6B7
83.3%	83.3% #02AFB0	RGB 2 175 176	#02AFB0
100.0%	100.0% #00A8A9	RGB 0 168 169	#00A8A9

#10D3D3 #0CCBCC #09C4C5 #07BDBE #04B6B7 #02AFB0 #00A8A9

#10D3D3 - #07BDBE - #00A8A9

Códigos CSS

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

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