#DFE5E1 - #8EA79C | 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 #DFE5E1 a #8EA79C

#DFE5E1 #8EA79C

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

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

0.0%	0.0% #DFE5E1	RGB 223 229 225	#DFE5E1
16.7%	16.7% #D1DAD5	RGB 209 218 213	#D1DAD5
33.3%	33.3% #C4D0CA	RGB 196 208 202	#C4D0CA
50.0%	50.0% #B6C6BE	RGB 182 198 190	#B6C6BE
66.7%	66.7% #A9BBB3	RGB 169 187 179	#A9BBB3
83.3%	83.3% #9BB1A7	RGB 155 177 167	#9BB1A7
100.0%	100.0% #8EA79C	RGB 142 167 156	#8EA79C

#DFE5E1 #D1DAD5 #C4D0CA #B6C6BE #A9BBB3 #9BB1A7 #8EA79C

#DFE5E1 - #8EA79C

Mezcla HSV

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

0.0%	0.0% #DFE5E1	RGB 223 229 225	#DFE5E1
16.7%	16.7% #D0DAD4	RGB 208 218 212	#D0DAD4
33.3%	33.3% #C2D0C8	RGB 194 208 200	#C2D0C8
50.0%	50.0% #B4C6BC	RGB 180 198 188	#B4C6BC
66.7%	66.7% #A7BBB1	RGB 167 187 177	#A7BBB1
83.3%	83.3% #9AB1A6	RGB 154 177 166	#9AB1A6
100.0%	100.0% #8EA79C	RGB 142 167 156	#8EA79C

#DFE5E1 #D0DAD4 #C2D0C8 #B4C6BC #A7BBB1 #9AB1A6 #8EA79C

#DFE5E1 - #B4C6BC - #8EA79C

Códigos CSS

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

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