#7FD3E1 - #EEE4D9 | 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 #7FD3E1 a #EEE4D9

#7FD3E1 #EEE4D9

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

#7FD3E1 - #EEE4D9 | 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 #7FD3E1 como 0% y #EEE4D9 como 100%.

0.0%	0.0% #7FD3E1	RGB 127 211 225	#7FD3E1
16.7%	16.7% #91D5DF	RGB 145 213 223	#91D5DF
33.3%	33.3% #A4D8DE	RGB 164 216 222	#A4D8DE
50.0%	50.0% #B6DBDD	RGB 182 219 221	#B6DBDD
66.7%	66.7% #C9DEDB	RGB 201 222 219	#C9DEDB
83.3%	83.3% #DBE1DA	RGB 219 225 218	#DBE1DA
100.0%	100.0% #EEE4D9	RGB 238 228 217	#EEE4D9

#7FD3E1 #91D5DF #A4D8DE #B6DBDD #C9DEDB #DBE1DA #EEE4D9

#7FD3E1 - #EEE4D9

Mezcla HSV

#7FD3E1 - #EEE4D9 | 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 #7FD3E1 como 0% y #EEE4D9 como 100%.

0.0%	0.0% #7FD3E1	RGB 127 211 225	#7FD3E1
16.7%	16.7% #8DE3C9	RGB 141 227 201	#8DE3C9
33.3%	33.3% #9BE5AF	RGB 155 229 175	#9BE5AF
50.0%	50.0% #B4E7AA	RGB 180 231 170	#B4E7AA
66.7%	66.7% #D6E9B9	RGB 214 233 185	#D6E9B9
83.3%	83.3% #EBEAC9	RGB 235 234 201	#EBEAC9
100.0%	100.0% #EEE4D9	RGB 238 228 217	#EEE4D9

#7FD3E1 #8DE3C9 #9BE5AF #B4E7AA #D6E9B9 #EBEAC9 #EEE4D9

#7FD3E1 - #B4E7AA - #EEE4D9

Códigos CSS

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

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