#E7F8EF - #8DCEC5 | 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 #E7F8EF a #8DCEC5

#E7F8EF #8DCEC5

Calcule el color entre dos colores, #E7F8EF y #8DCEC5. 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)

#E7F8EF - #8DCEC5 | 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 #E7F8EF como 0% y #8DCEC5 como 100%.

0.0%	0.0% #E7F8EF	RGB 231 248 239	#E7F8EF
16.7%	16.7% #D8F1E8	RGB 216 241 232	#D8F1E8
33.3%	33.3% #C9EAE1	RGB 201 234 225	#C9EAE1
50.0%	50.0% #BAE3DA	RGB 186 227 218	#BAE3DA
66.7%	66.7% #ABDCD3	RGB 171 220 211	#ABDCD3
83.3%	83.3% #9CD5CC	RGB 156 213 204	#9CD5CC
100.0%	100.0% #8DCEC5	RGB 141 206 197	#8DCEC5

#E7F8EF #D8F1E8 #C9EAE1 #BAE3DA #ABDCD3 #9CD5CC #8DCEC5

#E7F8EF - #8DCEC5

Mezcla HSV

#E7F8EF - #8DCEC5 | 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 #E7F8EF como 0% y #8DCEC5 como 100%.

0.0%	0.0% #E7F8EF	RGB 231 248 239	#E7F8EF
16.7%	16.7% #D6F1E4	RGB 214 241 228	#D6F1E4
33.3%	33.3% #C6EADB	RGB 198 234 219	#C6EADB
50.0%	50.0% #B7E3D4	RGB 183 227 212	#B7E3D4
66.7%	66.7% #A8DCCE	RGB 168 220 206	#A8DCCE
83.3%	83.3% #9AD5C9	RGB 154 213 201	#9AD5C9
100.0%	100.0% #8DCEC5	RGB 141 206 197	#8DCEC5

#E7F8EF #D6F1E4 #C6EADB #B7E3D4 #A8DCCE #9AD5C9 #8DCEC5

#E7F8EF - #B7E3D4 - #8DCEC5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E7F8EF 0%, #B7E3D4 50%, #8DCEC5 100%);
    background: -webkit-linear-gradient(top, #E7F8EF 0%, #B7E3D4 50%, #8DCEC5 100%);
    background: linear-gradient(to bottom, #E7F8EF 0%, #B7E3D4 50%, #8DCEC5 100%);
}
</style>