#48C7FF - #C2E5E2 | 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 #48C7FF a #C2E5E2

#48C7FF #C2E5E2

Calcule el color entre dos colores, #48C7FF y #C2E5E2. 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)

#48C7FF - #C2E5E2 | 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 #48C7FF como 0% y #C2E5E2 como 100%.

0.0%	0.0% #48C7FF	RGB 72 199 255	#48C7FF
16.7%	16.7% #5CCCFA	RGB 92 204 250	#5CCCFA
33.3%	33.3% #70D1F5	RGB 112 209 245	#70D1F5
50.0%	50.0% #85D6F0	RGB 133 214 240	#85D6F0
66.7%	66.7% #99DBEB	RGB 153 219 235	#99DBEB
83.3%	83.3% #ADE0E6	RGB 173 224 230	#ADE0E6
100.0%	100.0% #C2E5E2	RGB 194 229 226	#C2E5E2

#48C7FF #5CCCFA #70D1F5 #85D6F0 #99DBEB #ADE0E6 #C2E5E2

#48C7FF - #C2E5E2

Mezcla HSV

#48C7FF - #C2E5E2 | 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 #48C7FF como 0% y #C2E5E2 como 100%.

0.0%	0.0% #47C7FF	RGB 71 199 255	#47C7FF
16.7%	16.7% #5ED5FA	RGB 94 213 250	#5ED5FA
33.3%	33.3% #73DFF6	RGB 115 223 246	#73DFF6
50.0%	50.0% #88E6F2	RGB 136 230 242	#88E6F2
66.7%	66.7% #9CEAED	RGB 156 234 237	#9CEAED
83.3%	83.3% #AFE9E8	RGB 175 233 232	#AFE9E8
100.0%	100.0% #C2E5E2	RGB 194 229 226	#C2E5E2

#47C7FF #5ED5FA #73DFF6 #88E6F2 #9CEAED #AFE9E8 #C2E5E2

#48C7FF - #88E6F2 - #C2E5E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47C7FF 0%, #88E6F2 50%, #C2E5E2 100%);
    background: -webkit-linear-gradient(top, #47C7FF 0%, #88E6F2 50%, #C2E5E2 100%);
    background: linear-gradient(to bottom, #47C7FF 0%, #88E6F2 50%, #C2E5E2 100%);
}
</style>