#009CCE - #98EEE1 | 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 #009CCE a #98EEE1

#009CCE #98EEE1

Calcule el color entre dos colores, #009CCE y #98EEE1. 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)

#009CCE - #98EEE1 | 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 #009CCE como 0% y #98EEE1 como 100%.

0.0%	0.0% #009CCE	RGB 0 156 206	#009CCE
16.7%	16.7% #19A9D1	RGB 25 169 209	#19A9D1
33.3%	33.3% #32B7D4	RGB 50 183 212	#32B7D4
50.0%	50.0% #4CC5D7	RGB 76 197 215	#4CC5D7
66.7%	66.7% #65D2DA	RGB 101 210 218	#65D2DA
83.3%	83.3% #7EE0DD	RGB 126 224 221	#7EE0DD
100.0%	100.0% #98EEE1	RGB 152 238 225	#98EEE1

#009CCE #19A9D1 #32B7D4 #4CC5D7 #65D2DA #7EE0DD #98EEE1

#009CCE - #98EEE1

Mezcla HSV

#009CCE - #98EEE1 | 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 #009CCE como 0% y #98EEE1 como 100%.

0.0%	0.0% #009CCE	RGB 0 156 206	#009CCE
16.7%	16.7% #16B1D3	RGB 22 177 211	#16B1D3
33.3%	33.3% #2EC5D8	RGB 46 197 216	#2EC5D8
50.0%	50.0% #46D7DE	RGB 70 215 222	#46D7DE
66.7%	66.7% #60E3E0	RGB 96 227 224	#60E3E0
83.3%	83.3% #7BE8DF	RGB 123 232 223	#7BE8DF
100.0%	100.0% #98EEE1	RGB 152 238 225	#98EEE1

#009CCE #16B1D3 #2EC5D8 #46D7DE #60E3E0 #7BE8DF #98EEE1

#009CCE - #46D7DE - #98EEE1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009CCE 0%, #46D7DE 50%, #98EEE1 100%);
    background: -webkit-linear-gradient(top, #009CCE 0%, #46D7DE 50%, #98EEE1 100%);
    background: linear-gradient(to bottom, #009CCE 0%, #46D7DE 50%, #98EEE1 100%);
}
</style>