#00A0D3 - #99F0E2 | 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 #00A0D3 a #99F0E2

#00A0D3 #99F0E2

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

#00A0D3 - #99F0E2 | 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 #00A0D3 como 0% y #99F0E2 como 100%.

0.0%	0.0% #00A0D3	RGB 0 160 211	#00A0D3
16.7%	16.7% #19ADD5	RGB 25 173 213	#19ADD5
33.3%	33.3% #33BAD8	RGB 51 186 216	#33BAD8
50.0%	50.0% #4CC8DA	RGB 76 200 218	#4CC8DA
66.7%	66.7% #66D5DD	RGB 102 213 221	#66D5DD
83.3%	83.3% #7FE2DF	RGB 127 226 223	#7FE2DF
100.0%	100.0% #99F0E2	RGB 153 240 226	#99F0E2

#00A0D3 #19ADD5 #33BAD8 #4CC8DA #66D5DD #7FE2DF #99F0E2

#00A0D3 - #99F0E2

Mezcla HSV

#00A0D3 - #99F0E2 | 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 #00A0D3 como 0% y #99F0E2 como 100%.

0.0%	0.0% #009FD3	RGB 0 159 211	#009FD3
16.7%	16.7% #16B6D7	RGB 22 182 215	#16B6D7
33.3%	33.3% #2EC9DC	RGB 46 201 220	#2EC9DC
50.0%	50.0% #47DBE1	RGB 71 219 225	#47DBE1
66.7%	66.7% #61E6E2	RGB 97 230 226	#61E6E2
83.3%	83.3% #7CEBE0	RGB 124 235 224	#7CEBE0
100.0%	100.0% #99F0E2	RGB 153 240 226	#99F0E2

#009FD3 #16B6D7 #2EC9DC #47DBE1 #61E6E2 #7CEBE0 #99F0E2

#00A0D3 - #47DBE1 - #99F0E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009FD3 0%, #47DBE1 50%, #99F0E2 100%);
    background: -webkit-linear-gradient(top, #009FD3 0%, #47DBE1 50%, #99F0E2 100%);
    background: linear-gradient(to bottom, #009FD3 0%, #47DBE1 50%, #99F0E2 100%);
}
</style>