#48DCDE - #F7F0CF | 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 #48DCDE a #F7F0CF

#48DCDE #F7F0CF

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

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

0.0%	0.0% #48DCDE	RGB 72 220 222	#48DCDE
16.7%	16.7% #65DFDB	RGB 101 223 219	#65DFDB
33.3%	33.3% #82E2D9	RGB 130 226 217	#82E2D9
50.0%	50.0% #9FE6D6	RGB 159 230 214	#9FE6D6
66.7%	66.7% #BCE9D4	RGB 188 233 212	#BCE9D4
83.3%	83.3% #D9ECD1	RGB 217 236 209	#D9ECD1
100.0%	100.0% #F7F0CF	RGB 247 240 207	#F7F0CF

#48DCDE #65DFDB #82E2D9 #9FE6D6 #BCE9D4 #D9ECD1 #F7F0CF

#48DCDE - #F7F0CF

Mezcla HSV

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

0.0%	0.0% #48DCDE	RGB 72 220 222	#48DCDE
16.7%	16.7% #5CE2B3	RGB 92 226 179	#5CE2B3
33.3%	33.3% #72E693	RGB 114 230 147	#72E693
50.0%	50.0% #90EA88	RGB 144 234 136	#90EA88
66.7%	66.7% #C2EE9F	RGB 194 238 159	#C2EE9F
83.3%	83.3% #E7F2B6	RGB 231 242 182	#E7F2B6
100.0%	100.0% #F7F0CF	RGB 247 240 207	#F7F0CF

#48DCDE #5CE2B3 #72E693 #90EA88 #C2EE9F #E7F2B6 #F7F0CF

#48DCDE - #90EA88 - #F7F0CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48DCDE 0%, #90EA88 50%, #F7F0CF 100%);
    background: -webkit-linear-gradient(top, #48DCDE 0%, #90EA88 50%, #F7F0CF 100%);
    background: linear-gradient(to bottom, #48DCDE 0%, #90EA88 50%, #F7F0CF 100%);
}
</style>