#DEF5E9 - #D1EDE3 | 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 #DEF5E9 a #D1EDE3

#DEF5E9 #D1EDE3

Calcule el color entre dos colores, #DEF5E9 y #D1EDE3. 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)

#DEF5E9 - #D1EDE3 | 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 #DEF5E9 como 0% y #D1EDE3 como 100%.

0.0%	0.0% #DEF5E9	RGB 222 245 233	#DEF5E9
16.7%	16.7% #DBF3E8	RGB 219 243 232	#DBF3E8
33.3%	33.3% #D9F2E7	RGB 217 242 231	#D9F2E7
50.0%	50.0% #D7F1E6	RGB 215 241 230	#D7F1E6
66.7%	66.7% #D5EFE5	RGB 213 239 229	#D5EFE5
83.3%	83.3% #D3EEE4	RGB 211 238 228	#D3EEE4
100.0%	100.0% #D1EDE3	RGB 209 237 227	#D1EDE3

#DEF5E9 #DBF3E8 #D9F2E7 #D7F1E6 #D5EFE5 #D3EEE4 #D1EDE3

#DEF5E9 - #D1EDE3

Mezcla HSV

#DEF5E9 - #D1EDE3 | 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 #DEF5E9 como 0% y #D1EDE3 como 100%.

0.0%	0.0% #DEF5E9	RGB 222 245 233	#DEF5E9
16.7%	16.7% #DBF3E7	RGB 219 243 231	#DBF3E7
33.3%	33.3% #D9F2E6	RGB 217 242 230	#D9F2E6
50.0%	50.0% #D7F1E5	RGB 215 241 229	#D7F1E5
66.7%	66.7% #D5EFE4	RGB 213 239 228	#D5EFE4
83.3%	83.3% #D3EEE3	RGB 211 238 227	#D3EEE3
100.0%	100.0% #D1EDE3	RGB 209 237 227	#D1EDE3

#DEF5E9 #DBF3E7 #D9F2E6 #D7F1E5 #D5EFE4 #D3EEE3 #D1EDE3

#DEF5E9 - #D7F1E5 - #D1EDE3

Códigos CSS

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

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