#E5EFE8 - #8FBCBB | 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 #E5EFE8 a #8FBCBB

#E5EFE8 #8FBCBB

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

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

0.0%	0.0% #E5EFE8	RGB 229 239 232	#E5EFE8
16.7%	16.7% #D6E6E0	RGB 214 230 224	#D6E6E0
33.3%	33.3% #C8DED9	RGB 200 222 217	#C8DED9
50.0%	50.0% #BAD5D1	RGB 186 213 209	#BAD5D1
66.7%	66.7% #ABCDCA	RGB 171 205 202	#ABCDCA
83.3%	83.3% #9DC4C2	RGB 157 196 194	#9DC4C2
100.0%	100.0% #8FBCBB	RGB 143 188 187	#8FBCBB

#E5EFE8 #D6E6E0 #C8DED9 #BAD5D1 #ABCDCA #9DC4C2 #8FBCBB

#E5EFE8 - #8FBCBB

Mezcla HSV

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

0.0%	0.0% #E5EFE8	RGB 229 239 232	#E5EFE8
16.7%	16.7% #D5E6DC	RGB 213 230 220	#D5E6DC
33.3%	33.3% #C6DED2	RGB 198 222 210	#C6DED2
50.0%	50.0% #B7D5CA	RGB 183 213 202	#B7D5CA
66.7%	66.7% #A9CDC4	RGB 169 205 196	#A9CDC4
83.3%	83.3% #9BC4BF	RGB 155 196 191	#9BC4BF
100.0%	100.0% #8FBCBB	RGB 143 188 187	#8FBCBB

#E5EFE8 #D5E6DC #C6DED2 #B7D5CA #A9CDC4 #9BC4BF #8FBCBB

#E5EFE8 - #B7D5CA - #8FBCBB

Códigos CSS

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

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