#DFE5E0 - #8CAC8A | 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 #DFE5E0 a #8CAC8A

#DFE5E0 #8CAC8A

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

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

0.0%	0.0% #DFE5E0	RGB 223 229 224	#DFE5E0
16.7%	16.7% #D1DBD1	RGB 209 219 209	#D1DBD1
33.3%	33.3% #C3D2C3	RGB 195 210 195	#C3D2C3
50.0%	50.0% #B5C8B5	RGB 181 200 181	#B5C8B5
66.7%	66.7% #A7BFA6	RGB 167 191 166	#A7BFA6
83.3%	83.3% #99B598	RGB 153 181 152	#99B598
100.0%	100.0% #8CAC8A	RGB 140 172 138	#8CAC8A

#DFE5E0 #D1DBD1 #C3D2C3 #B5C8B5 #A7BFA6 #99B598 #8CAC8A

#DFE5E0 - #8CAC8A

Mezcla HSV

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

0.0%	0.0% #DFE5E0	RGB 223 229 224	#DFE5E0
16.7%	16.7% #CFDBD1	RGB 207 219 209	#CFDBD1
33.3%	33.3% #C0D2C2	RGB 192 210 194	#C0D2C2
50.0%	50.0% #B2C8B3	RGB 178 200 179	#B2C8B3
66.7%	66.7% #A4BFA4	RGB 164 191 164	#A4BFA4
83.3%	83.3% #97B596	RGB 151 181 150	#97B596
100.0%	100.0% #8CAC8A	RGB 140 172 138	#8CAC8A

#DFE5E0 #CFDBD1 #C0D2C2 #B2C8B3 #A4BFA4 #97B596 #8CAC8A

#DFE5E0 - #B2C8B3 - #8CAC8A

Códigos CSS

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

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