#7AE6FF - #ECE5E0 | 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 #7AE6FF a #ECE5E0

#7AE6FF #ECE5E0

Calcule el color entre dos colores, #7AE6FF y #ECE5E0. 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)

#7AE6FF - #ECE5E0 | 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 #7AE6FF como 0% y #ECE5E0 como 100%.

0.0%	0.0% #7AE6FF	RGB 122 230 255	#7AE6FF
16.7%	16.7% #8DE5F9	RGB 141 229 249	#8DE5F9
33.3%	33.3% #A0E5F4	RGB 160 229 244	#A0E5F4
50.0%	50.0% #B3E5EF	RGB 179 229 239	#B3E5EF
66.7%	66.7% #C6E5EA	RGB 198 229 234	#C6E5EA
83.3%	83.3% #D9E5E5	RGB 217 229 229	#D9E5E5
100.0%	100.0% #ECE5E0	RGB 236 229 224	#ECE5E0

#7AE6FF #8DE5F9 #A0E5F4 #B3E5EF #C6E5EA #D9E5E5 #ECE5E0

#7AE6FF - #ECE5E0

Mezcla HSV

#7AE6FF - #ECE5E0 | 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 #7AE6FF como 0% y #ECE5E0 como 100%.

0.0%	0.0% #7AE6FF	RGB 122 230 255	#7AE6FF
16.7%	16.7% #8CFBDD	RGB 140 251 221	#8CFBDD
33.3%	33.3% #9DF8B5	RGB 157 248 181	#9DF8B5
50.0%	50.0% #BDF5AF	RGB 189 245 175	#BDF5AF
66.7%	66.7% #E1F2BF	RGB 225 242 191	#E1F2BF
83.3%	83.3% #EFEBD0	RGB 239 235 208	#EFEBD0
100.0%	100.0% #ECE5E0	RGB 236 229 224	#ECE5E0

#7AE6FF #8CFBDD #9DF8B5 #BDF5AF #E1F2BF #EFEBD0 #ECE5E0

#7AE6FF - #BDF5AF - #ECE5E0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7AE6FF 0%, #BDF5AF 50%, #ECE5E0 100%);
    background: -webkit-linear-gradient(top, #7AE6FF 0%, #BDF5AF 50%, #ECE5E0 100%);
    background: linear-gradient(to bottom, #7AE6FF 0%, #BDF5AF 50%, #ECE5E0 100%);
}
</style>