#E5EFEA - #8ABFBE | 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 #E5EFEA a #8ABFBE

#E5EFEA #8ABFBE

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

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

0.0%	0.0% #E5EFEA	RGB 229 239 234	#E5EFEA
16.7%	16.7% #D5E7E2	RGB 213 231 226	#D5E7E2
33.3%	33.3% #C6DFDB	RGB 198 223 219	#C6DFDB
50.0%	50.0% #B7D7D4	RGB 183 215 212	#B7D7D4
66.7%	66.7% #A8CFCC	RGB 168 207 204	#A8CFCC
83.3%	83.3% #99C7C5	RGB 153 199 197	#99C7C5
100.0%	100.0% #8ABFBE	RGB 138 191 190	#8ABFBE

#E5EFEA #D5E7E2 #C6DFDB #B7D7D4 #A8CFCC #99C7C5 #8ABFBE

#E5EFEA - #8ABFBE

Mezcla HSV

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

0.0%	0.0% #E5EFEA	RGB 229 239 234	#E5EFEA
16.7%	16.7% #D4E7DF	RGB 212 231 223	#D4E7DF
33.3%	33.3% #C4DFD5	RGB 196 223 213	#C4DFD5
50.0%	50.0% #B4D7CE	RGB 180 215 206	#B4D7CE
66.7%	66.7% #A5CFC7	RGB 165 207 199	#A5CFC7
83.3%	83.3% #97C7C2	RGB 151 199 194	#97C7C2
100.0%	100.0% #8ABFBE	RGB 138 191 190	#8ABFBE

#E5EFEA #D4E7DF #C4DFD5 #B4D7CE #A5CFC7 #97C7C2 #8ABFBE

#E5EFEA - #B4D7CE - #8ABFBE

Códigos CSS

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

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